Made list-groups visually bolder

rafalp · Feb 4, 2018 · 0d09404 · 0d09404
1 parent 9253d5f
commit 0d09404
Show file tree

Hide file tree

Showing 5 changed files with 29 additions and 13 deletions.
diff --git a/frontend/style/flavor/list-group.less b/frontend/style/flavor/list-group.less
@@ -4,20 +4,21 @@
 
 
 .list-group {
+  border-radius: @list-group-border-radius;
   .shadow-2dp();
-}
 
-.list-group .list-group-item {
-  border-left: none;
-  border-right: none;
-}
+  .list-group-item {
+    border-left-color: @list-group-outer-border;
+    border-right-color: @list-group-outer-border;
+  }
 
-.list-group .list-group-item:first-child {
-  border-top: none;
-}
+  .list-group-item:first-child {
+    border-top-color: @list-group-outer-border;
+  }
 
-.list-group .list-group-item:last-child {
-  border-bottom: none;
+  .list-group-item:last-child {
+    border-bottom-color: @list-group-outer-border;
+  }
 }
 
 .list-group-item.empty-message {

diff --git a/frontend/style/flavor/navs.less b/frontend/style/flavor/navs.less
@@ -8,8 +8,18 @@
 
 
 .nav-side>.list-group-item {
+  border-left: none;
+  border-right: none;
   margin-bottom: 1px;
 
+  &:first-child {
+    border-top: none;
+  }
+
+  &:last-child {
+    border-bottom: none;
+  }
+
   &, &:link, &:visited {
     background: @side-nav-bg;
     border: none;

diff --git a/frontend/style/flavor/threads-list.less b/frontend/style/flavor/threads-list.less
@@ -3,6 +3,11 @@
 // --------------------------------------------------
 
 
+.threads-list .list-group {
+  border-radius: @list-group-border-radius;
+}
+
+
 .threads-list .thread-main {
   img {
     border-radius: @border-radius-base;

diff --git a/frontend/style/flavor/variables.less b/frontend/style/flavor/variables.less
@@ -390,7 +390,7 @@
 //** `.list-group-item` border color
 @list-group-border:             @gray-lighter;
 @list-group-border-radius:      @border-radius-small;
-
+@list-group-outer-border:       #ddd;
 
 @list-group-link-color:         @gray-light;
 @list-group-link-hover-color:   @text-color;
@@ -410,7 +410,7 @@
 //
 //##
 
-@side-nav-bg:               #f2f2f2;
+@side-nav-bg:               #f5f5f5;
 @side-nav-color:            #757575;
 
 @side-nav-hover-bg:         #e0e0e0;

diff --git a/misago/static/misago/css/misago.css b/misago/static/misago/css/misago.css