]> git.mxchange.org Git - friendica.git/commitdiff
frio: nav css and improve color contrast
authorExtarys <hypewolf@protonmail.com>
Sat, 16 Jan 2021 21:53:47 +0000 (16:53 -0500)
committerExtarys <hypewolf@protonmail.com>
Sat, 16 Jan 2021 21:53:47 +0000 (16:53 -0500)
view/theme/frio/css/style.css

index 7e0752f5f12c359fd7a1696e42fa2277987fd8e3..cd934e214196322b1d588d1e606c9f80bbe737d5 100644 (file)
@@ -417,6 +417,10 @@ nav.navbar {
     z-index: 1030;
     color: $nav_icon_color;
 }
+#topbar-first .navbar-toggle {
+    margin-top: 5px;
+    margin-bottom: 0; /* adding a bottom margin is useless */
+}
 #topbar-first .nav > li > a,
 #topbar-first .nav > li > button,
 nav.navbar .nav > li > a,
@@ -657,6 +661,22 @@ nav.navbar .nav > li > button:focus
     margin: 0px;
     padding: 12px 12px;
 }
+#search-mobile {
+    position: fixed;
+    top: 90px;
+    left: 0;
+    right: 0;
+    z-index: 2;
+
+    background-color: $background_color;
+
+    /* fix bootstrap well not playing well with data-target slide animation */
+    margin: 0;
+    padding: 0;
+    min-height: 0;
+    border-radius: 0;
+
+}
 #search-mobile .navbar-form {
     margin: 0;
 }
@@ -1398,9 +1418,9 @@ textarea.comment-edit-text:focus + .comment-edit-form .preview {
 .panel {
     border: none;
     background-color: rgba(255,255,255,$contentbg_transp);
-    box-shadow: 0 0 3px #dadada;
-    -webkit-box-shadow: 0 0 3px #dadada;
-    -moz-box-shadow: 0 0 3px #dadada;
+    box-shadow: 0 0 2px #dadada;
+    -webkit-box-shadow: 0 0 2px #dadada;
+    -moz-box-shadow: 0 0 2px #dadada;
     border-radius: 4px;
     position: relative;
 }
@@ -1422,6 +1442,20 @@ aside .panel-body {
 }
 
 /* Thread hover effects */
+/* .desktop-view .panel.tread-wrapper {
+    -webkit-transition: box-shadow 0.25s ease-in-out;
+    -moz-transition: box-shadow 0.25s ease-in-out;
+    -o-transition: box-shadow 0.25s ease-in-out;
+    -ms-transition: box-shadow 0.25s ease-in-out;
+    transition: box-shadow 0.25s ease-in-out;
+} */
+/* .desktop-view .panel.tread-wrapper:hover {
+    box-shadow: 0 0 3px #dadada;
+    -webkit-box-shadow: 0 0 3px #dadada;
+    -moz-box-shadow: 0 0 3px #dadada;
+
+} */
+
 .desktop-view .wall-item-container .wall-item-content a,
 .desktop-view .wall-item-name,
 .desktop-view .wall-item-container .fakelink,
@@ -1460,6 +1494,14 @@ aside .panel-body {
     border-top: none;
 }
 
+.comment-edit-preview .wall-item-container.panel-body.preview {
+    margin-top: 4px;
+
+}
+.comment-edit-preview .panel {
+    margin-bottom: 0;
+}
+
 .wall-item-container .media {
     margin-top: 0;
     padding: 10px;
@@ -1847,6 +1889,7 @@ wall-item-comment-wrapper.well {
     background-color: rgba(237, 237, 237, $contentbg_transp);
     background-image: none;
     margin-bottom: 1px;
+    background-color: red;
 }
 wall-item-comment-wrapper.well-small {
     padding: 10px;
@@ -1908,6 +1951,7 @@ wall-item-comment-wrapper.well hr {
 
 .comment-edit-submit-wrapper {
     text-align: right;
+    /* margin-bottom: 0; */
 }
 
 .comment-icon-list {