mobile: fix colibris skin

src/static/css/pad/popup.css

@@ -23,10 +23,6 @@
 .popup input[type=text], #users input[type=text] {
   outline: none;
 }
-.popup button {
-  padding: 5px;
-  font-size: 14px;
-}
 .popup a {
   text-decoration: none
 }
@@ -70,4 +66,9 @@
     border-bottom: none;
     box-shadow: 0 -2px 4px #ddd;
   }
+
+  .toolbar-popup, .hyperlink-dialog {
+    left: 0 !important; /* overide javascript positionning */
+    right: 0 !important;
+  }
 }

src/static/css/pad/toolbar.css

@@ -138,7 +138,7 @@
   content: "-";
 }
 .toolbar.full-icons .menu_left {
-  height: auto;
+  height: auto !important;
   overflow: visible;
 }
 

src/static/css/timeslider.css

@@ -14,7 +14,7 @@
   flex: 1 auto;
 }
 .timeslider-title {
-  font-size: 1.5rem;
+  font-size: 1.8rem !important;
 }
 .timeslider-subtitle {
   margin-top: 10px;
@@ -27,9 +27,6 @@
   border: none;
   margin-left: 10px
 }
-.editbarright .buttontext {
-  padding: 2px 5px;
-}
 
 
 /*  SLIDER  */
@@ -134,4 +131,7 @@
     right: 10px;
     top: 0;
   }
+  .timeslider-title {
+    font-size: 1.5rem !important;
+  }
 }

src/static/skins/colibris/pad.css

@@ -73,7 +73,8 @@ h1,
 .yui-skin-sam .yui-panel .hd,
 p[data-l10n-id="ep_comments_page.comment"],
 .comment-reply-input-label span,
-#slider-btn-container .stepper, #importmessageabiword, #importmessageabiword > a
+#slider-btn-container .stepper, #importmessageabiword, #importmessageabiword > a,
+.toolbar .show-more-icon-btn
 { color: #64d29b; }
 #timeslider-slider #ui-slider-handle, #playpause_button_icon, .gritter-item:not(.error) {
   background-color: #64d29b;

src/static/skins/colibris/src/components/gritter.css

@@ -11,3 +11,9 @@
 .gritter-item .gritter-close .buttonicon {
   color: white;
 }
+@media (max-width: 720px) {
+  .gritter-item {
+    margin-top: 10px;
+    margin-bottom: 0;
+  }
+}

src/static/skins/colibris/src/components/popup.css

@@ -32,6 +32,8 @@
 
 @media (max-width: 720px) {
   .popup {
-    top: auto;
+    right: 0;
+    border-radius: 0 !important;
+    border: none !important;
   }
 }

src/static/skins/colibris/src/components/toolbar.css

@@ -9,7 +9,11 @@
 }
 
 .toolbar ul.menu_left {
-  padding-left: 8px;
+  padding-left: 5px;
+}
+
+.toolbar ul li {
+  margin: 5px 1px;
 }
 
 .toolbar .buttonicon {
@@ -25,10 +29,6 @@
   position: relative;
 }
 
-.toolbar ul li {
-  margin: 5px 1px;
-}
-
 .toolbar ul li.separator:after {
   content: "";
   position: absolute;
@@ -85,6 +85,16 @@
   border-radius: 0 !important;
 }
 
+.toolbar.cropped .menu_left {
+  height: 35px;
+}
+.toolbar .show-more-icon-btn {
+  height: 35px;
+  width: 35px;
+  line-height: 35px;
+  font-size: 1.8rem;
+}
+
 @media (max-width: 1000px) {
   .toolbar ul li.separator {
     margin: 0 5px;
@@ -98,16 +108,11 @@
 }
 
 @media (max-width: 720px) {
-  .toolbar ul {
+
-    height: 37px;
+  .toolbar .menu_right {
-    box-sizing: border-box;
-    background: none;
-    background-color: transparent;
-    overflow-x: visible;
-  }
-  .toolbar ul.menu_right {
     border-top: 1px solid #d2d2d2;
     background-color: white;
+    padding: 0;
   }
 
   .toolbar ul li a:hover { background-color: transparent; }

src/static/skins/colibris/timeslider.css

@@ -26,7 +26,7 @@ button {
   margin-right: 5px;
 }
 #slider-btn-container .stepper {
-  border: 2px solid;
+  border: 2px solid !important;
   height: 25px;
   width: 25px;
   margin-left: 5px;