From b5543d65be03f1bef239cf313951e35003109879 Mon Sep 17 00:00:00 2001
From: Sebastian Castro <sebastian.castro@protonmail.com>
Date: Sat, 4 Apr 2020 13:05:53 +0200
Subject: [PATCH] mobile: fix colibris skin

---
 src/static/css/pad/popup.css                  |  9 +++---
 src/static/css/pad/toolbar.css                |  2 +-
 src/static/css/timeslider.css                 |  8 ++---
 src/static/skins/colibris/pad.css             |  3 +-
 .../skins/colibris/src/components/gritter.css |  6 ++++
 .../skins/colibris/src/components/popup.css   |  4 ++-
 .../skins/colibris/src/components/toolbar.css | 31 +++++++++++--------
 src/static/skins/colibris/timeslider.css      |  2 +-
 8 files changed, 40 insertions(+), 25 deletions(-)

diff --git a/src/static/css/pad/popup.css b/src/static/css/pad/popup.css
index ffac39ca4..05f1dbb36 100644
--- a/src/static/css/pad/popup.css
+++ b/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;
+  }
 }
\ No newline at end of file
diff --git a/src/static/css/pad/toolbar.css b/src/static/css/pad/toolbar.css
index 81eb6d504..6569cd9f6 100644
--- a/src/static/css/pad/toolbar.css
+++ b/src/static/css/pad/toolbar.css
@@ -138,7 +138,7 @@
   content: "-";
 }
 .toolbar.full-icons .menu_left {
-  height: auto;
+  height: auto !important;
   overflow: visible;
 }
 
diff --git a/src/static/css/timeslider.css b/src/static/css/timeslider.css
index 65cf603aa..764f4713d 100644
--- a/src/static/css/timeslider.css
+++ b/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;
+  }
 }
\ No newline at end of file
diff --git a/src/static/skins/colibris/pad.css b/src/static/skins/colibris/pad.css
index 9ba9d0ddb..b75a55520 100644
--- a/src/static/skins/colibris/pad.css
+++ b/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;
diff --git a/src/static/skins/colibris/src/components/gritter.css b/src/static/skins/colibris/src/components/gritter.css
index 87fd36309..14b591aa5 100644
--- a/src/static/skins/colibris/src/components/gritter.css
+++ b/src/static/skins/colibris/src/components/gritter.css
@@ -10,4 +10,10 @@
 }
 .gritter-item .gritter-close .buttonicon {
   color: white;
+}
+@media (max-width: 720px) {
+  .gritter-item {
+    margin-top: 10px;
+    margin-bottom: 0;
+  }
 }
\ No newline at end of file
diff --git a/src/static/skins/colibris/src/components/popup.css b/src/static/skins/colibris/src/components/popup.css
index e5b396dc6..6bbcb66e4 100644
--- a/src/static/skins/colibris/src/components/popup.css
+++ b/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;
   }
 }
diff --git a/src/static/skins/colibris/src/components/toolbar.css b/src/static/skins/colibris/src/components/toolbar.css
index ba9594733..6164d3499 100644
--- a/src/static/skins/colibris/src/components/toolbar.css
+++ b/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;
-    box-sizing: border-box;
-    background: none;
-    background-color: transparent;
-    overflow-x: visible;
-  }
-  .toolbar ul.menu_right {
+
+  .toolbar .menu_right {
     border-top: 1px solid #d2d2d2;
     background-color: white;
+    padding: 0;
   }
 
   .toolbar ul li a:hover { background-color: transparent; }
diff --git a/src/static/skins/colibris/timeslider.css b/src/static/skins/colibris/timeslider.css
index 12573e9d8..8f00302e1 100644
--- a/src/static/skins/colibris/timeslider.css
+++ b/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;