Update styles for Redmine 6

fixes #284

Author: gagnieray

src/sass/components/_base.scss

@@ -186,3 +186,7 @@ blockquote {
 .clear {
   @extend %clearfix;
 }
+
+.inline-block {
+  display: inline-block;
+}

src/sass/components/_buttons.scss

@@ -235,7 +235,10 @@ p.buttons {
       line-height: initial;
     }
   }
+}
 
+#list-definition,
+.query-columns {
   .buttons {
     vertical-align: middle;
 

src/sass/components/_calendar.scss

@@ -176,4 +176,7 @@ p.cal.legend {
   span {
     display: block;
   }
+  svg + span {
+    display: inline-block;
+  }
 }

src/sass/components/_content.scss

@@ -101,6 +101,7 @@
   }
 
   > h3:first-child,
+  #sidebar-wrapper > h3:first-child,
   > form:first-child > h3 {
     margin-top: $line-height-computed * .25;
   }

src/sass/components/_context-menu.scss

@@ -55,6 +55,12 @@
 
       &.submenu {
         background-image: inline-svg("chevron-right.svg", (path: (fill: $btn-default-icon-color)));
+        background-repeat: no-repeat;
+        background-position: right;
+
+        + span.icon-only {
+          display: none;
+        }
       }
     }
   }

src/sass/components/_forms.scss

@@ -3,6 +3,8 @@
 // --------------------------------------------------
 
 form {
+  .filter > div,
+  #list-definition > div div,
   td {
     padding: $table-condensed-cell-padding;
   }
@@ -676,6 +678,7 @@ fieldset#filters {
     }
   }
 
+  div,
   td {
     &.field {
       padding-right: $table-cell-padding * 2;
@@ -715,6 +718,11 @@ fieldset#filters {
     }
   }
 
+  div.filter {
+    display: flex;
+    align-items: center;
+  }
+
   div.add-filter {
     padding-top: $table-condensed-cell-padding;
 

src/sass/components/_icons.scss

@@ -1,3 +1,11 @@
+// Hide Redmine 6 new SVG icons
+svg.s12,
+svg.s14,
+svg.s18,
+svg.s20 {
+  display: none;
+}
+
 %fa-icon {
   &::before {
     @include fa-icon;
@@ -886,6 +894,21 @@ div.wiki {
   }
 }
 
+.flyout-menu__search {
+  form {
+    &::after {
+      content: $fa-var-search;
+      display: block;
+      position: absolute;
+      top: 50%;
+      left: .5em;
+      transform: translateY(-50%);
+      color: $text-color;
+      font-family: FontAwesome;
+    }
+  }
+}
+
 
 //== Hacks and overrides for Font Awesome
 //

src/sass/components/_list.scss

@@ -774,3 +774,23 @@ table.list.enumerations {
     font-weight: $font-weight-bold;
   }
 }
+
+
+//== Definition lists
+//
+
+#list-definition {
+  > div {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+
+    .query-columns label {
+      display: block;
+    }
+
+    .field {
+      width: 4.85rem;
+    }
+  }
+}

src/sass/components/_responsive.scss

@@ -39,7 +39,14 @@ body {
       }
     }
 
+    .flyout-menu__sidebar {
+      > div {
+        padding-left: 0;
+      }
+    }
+
     #header {
+      height: $responsive-header-height;
       background-color: $header-bg;
 
       #project-jump {
@@ -98,6 +105,10 @@ body {
       width: 200px;
     }
 
+    .sidebar-toggler {
+      display: none;
+    }
+
     .mobile-toggle-button {
       width: $responsive-header-height;
       height: $responsive-header-height;
@@ -113,7 +124,7 @@ body {
       color: $flyout-menu-text;
 
       .search-magnifier {
-        left: 18px;
+        display: none;
       }
 
       &__search {
@@ -212,8 +223,13 @@ body {
       }
 
       form {
+        position: relative;
         padding-left: 0;
 
+        label {
+          display: inline-block;
+        }
+
         > ul {
           margin-left: 0;
 
@@ -289,12 +305,6 @@ body {
       }
     }
 
-    .search-magnifier {
-      &--flyout {
-        line-height: normal;
-      }
-    }
-
     .splitcontentleft {
       margin-bottom: $line-height-computed;
       padding-right: 0;