changeset 2855:b6eb462021ed

basic theme css tweaks for xs devices
author RogerHaase <haaserd@gmail.com>
date Sat, 22 Nov 2014 09:36:12 -0700
parents 175a55db6fae
children 110278c3730d
files MoinMoin/themes/basic/static/css/theme.css MoinMoin/themes/basic/static/custom-less/theme.less
diffstat 2 files changed, 44 insertions(+), 8 deletions(-) [+]
line wrap: on
line diff
--- a/MoinMoin/themes/basic/static/css/theme.css	Fri Nov 21 11:36:16 2014 -0700
+++ b/MoinMoin/themes/basic/static/css/theme.css	Sat Nov 22 09:36:12 2014 -0700
@@ -7080,8 +7080,29 @@
 .tickets-sort-button .dropdown-menu li form button:focus {
   background-color: #f5f5f5;
 }
+img {
+  vertical-align: bottom;
+}
+#moin-content {
+  font-size: 16px;
+}
 /* Support for extra small viewports */
 @media screen and (max-width: 768px) {
+  .moin-navbar-user > ul.nav > li > a {
+    padding: 10px 7px;
+  }
+  div.moin-navbar-user {
+    margin-right: 15px;
+  }
+  .moin-nav > li > a {
+    padding: 10px 10px;
+  }
+  .navbar-brand {
+    padding: 15px 5px;
+  }
+  #moin-content {
+    font-size: 14px;
+  }
   #moin-main-wrapper {
     position: relative;
   }
@@ -7123,7 +7144,4 @@
   .navbar-toggle .icon-bar + .icon-bar {
     margin-top: 4px;
   }
-  div.moin-navbar-user {
-    margin-right: 15px;
-  }
-}
+}
--- a/MoinMoin/themes/basic/static/custom-less/theme.less	Fri Nov 21 11:36:16 2014 -0700
+++ b/MoinMoin/themes/basic/static/custom-less/theme.less	Sat Nov 22 09:36:12 2014 -0700
@@ -694,8 +694,30 @@
   background-color: #f5f5f5;
 }
 
+img {
+  vertical-align: bottom;  // moin std is bottom, bootstrap sets to middle
+}
+#moin-content {
+  font-size: 16px;  // bootstrap sets body font-size to 14px, set to 16 for large displays
+}
+
 /* Support for extra small viewports */
 @media screen and (max-width: @screen-sm-min) {
+  .moin-navbar-user > ul.nav > li > a {
+    padding: 10px 7px;
+  }
+  div.moin-navbar-user {
+    margin-right: 15px;
+  }
+  .moin-nav > li > a {
+    padding: 10px 10px;
+  }
+  .navbar-brand {
+    padding: 15px 5px;
+  }
+  #moin-content {
+    font-size: 14px;
+  }
   #moin-main-wrapper {
     position: relative;
   }
@@ -737,8 +759,4 @@
   .navbar-toggle .icon-bar + .icon-bar {
     margin-top: 4px;
   }
-  div.moin-navbar-user {
-    margin-right: 15px;
-  }
-
 }