active_frontend 15.1.6 → 16.0.0

data/vendor/assets/stylesheets/components/_map.scss

@@ -6,7 +6,7 @@
 // ==================================================
 .map {
   background: color(light-haze);
-  border: 1px solid color(dark-haze);
+  border: 1px solid color(haze);
   box-sizing: border-box;
   display: block;
   min-height: 220px;

data/vendor/assets/stylesheets/components/_milestone.scss

@@ -35,10 +35,14 @@
   }
 }
 .milestone {
-  background: color(haze);
-  border: 2px solid color(haze);
+  background: color(gray);
+  border: 2px solid color(gray);
+  color: color(white);
 
-  &.milestone-outline { background: color(white); }
+  &.milestone-outline {
+    background: color(white);
+    color: color(gray);
+  }
 }
 
 // Colors

data/vendor/assets/stylesheets/components/_missive.scss

@@ -9,7 +9,7 @@
 // Missive
 // ==================================================
 .missive {
-  border: 1px solid color(dark-haze);
+  border: 1px solid color(haze);
   border-radius: border-radius(b);
 
   &::before,

data/vendor/assets/stylesheets/components/_nav_and_tab.scss

@@ -8,7 +8,7 @@
 // Nav & Tab
 // ==================================================
 .nav {
-  border-color: color(dark-haze);
+  border-color: color(haze);
   list-style: none;
   padding: 0;
 
@@ -66,7 +66,7 @@
 
   &.dark {
     > li {
-      &.nav-header { background: color(light-black); }
+      &.nav-header { background: color(light-slate); }
     }
   }
   &.light {
@@ -123,7 +123,7 @@
 
     > a {
       background: color(light-haze);
-      border: 1px solid darker-color(light-haze);
+      border: 1px solid color(light-haze);
       border-radius: border-radius(b);
       padding: 8px 10px;
 
@@ -132,7 +132,7 @@
         &:focus { background: color(haze); }
         &:active {
           background: color(primary);
-          border-color: darker-color(primary);
+          border-color: color(primary);
           color: color(white);
         }
       }
@@ -144,7 +144,7 @@
     }
     &.active > a {
       background: color(primary);
-      border-color: darker-color(primary);
+      border-color: color(primary);
       color: color(white);
     }
   }
@@ -152,12 +152,12 @@
   &.dark {
     > li {
       > a {
-        background: color(black);
-        border-color: dark-color(black);
+        background: color(slate);
+        border-color: color(dark-slate);
 
         @if ($pseudo-elements) {
           &:hover,
-          &:focus { background: color(light-black); }
+          &:focus { background: color(light-slate); }
         }
       }
     }
@@ -181,8 +181,8 @@
       > a:active,
       &.active > a {
         background: color(primary);
-        border-color: dark-color(primary);
-        color: color(white);
+        border-color: color(primary);
+        color: text-color-on(primary);
       }
     }
   }
@@ -193,8 +193,8 @@
         > a:active,
         &.active > a {
           background: color($name);
-          border-color: dark-color($name);
-          color: color(white);
+          border-color: color($name);
+          color: text-color-on($name);
         }
       }
     }

data/vendor/assets/stylesheets/components/_navbar.scss

@@ -10,7 +10,7 @@
 .navbar {
   background: color(white);
   border-collapse: separate;
-  border-top: 1px solid color(dark-haze);
+  border-top: 1px solid color(haze);
   box-sizing: border-box;
   display: table;
   height: 54px;
@@ -38,8 +38,8 @@
         &.active,
         &:active,
         &:focus {
-          background: darkish-color(primary);
-          color: color(white);
+          background: color(primary);
+          color: text-color-on(primary);
         }
       }
     }

data/vendor/assets/stylesheets/components/_pagination.scss

@@ -7,7 +7,7 @@
 // Pagination
 // ==================================================
 .pagination {
-  color: color(black);
+  color: color(slate);
   list-style: none;
   padding: 0;
 
@@ -68,12 +68,12 @@
   &.dark {
     li {
       a {
-        background: color(light-black);
+        background: color(light-slate);
 
         @if ($pseudo-elements) {
           &:hover,
-          &:focus { background: darkish-color(light-black); }
-          &:active { background: lightish-color(light-black); }
+          &:focus { background: darkish-color(light-slate); }
+          &:active { background: lightish-color(light-slate); }
         }
       }
     }

data/vendor/assets/stylesheets/components/_popover.scss

@@ -8,9 +8,9 @@
 // ==================================================
 .popover {
   background: color(white);
-  border: 1px solid color(dark-haze);
+  border: 1px solid color(haze);
   border-radius: border-radius(b);
-  color: color(black);
+  color: color(slate);
   display: none;
   left: 0;
   position: absolute;
@@ -111,21 +111,21 @@
   }
   &.dark {
     &.bottom {
-      .arrow::after { border-bottom-color: color(light-black); }
+      .arrow::after { border-bottom-color: color(light-slate); }
     }
     &.left {
-      .arrow::after { border-left-color: color(black); }
+      .arrow::after { border-left-color: color(slate); }
     }
     &.right {
-      .arrow::after { border-right-color: color(black); }
+      .arrow::after { border-right-color: color(slate); }
     }
     &.top {
-      .arrow::after { border-top-color: color(black); }
+      .arrow::after { border-top-color: color(slate); }
     }
 
     .popover-title {
-      background: color(light-black);
-      border-color: color(dark-black);
+      background: color(light-slate);
+      border-color: color(dark-slate);
     }
   }
   &.light {

data/vendor/assets/stylesheets/components/_selectpicker.scss

@@ -36,8 +36,8 @@
        &.selectpicker-fuzzy { padding: 10px 10px 5px; }
        &.bsListEmpty { padding: 16px 20px; }
        &.optgroup {
-         background: color(light-black);
-         color: color(white);
+         background: color(light-slate);
+         color: color(light-haze);
          font-size: text-size(xs);
          font-weight: text-weight(semibold);
          padding: 5px 10px;

data/vendor/assets/stylesheets/components/_sidebar.scss

@@ -18,7 +18,7 @@
 
   &.dark {
     .sidebar-nav {
-      > ul { background: color(light-black); }
+      > ul { background: color(light-slate); }
     }
   }
   &.light {

data/vendor/assets/stylesheets/components/_subheader.scss

@@ -5,17 +5,13 @@
 
 // Subheader
 // ==================================================
-.subheader,
-.subheader-buffer {
-  border-bottom: 1px solid color(transparent);
+.subheader {
+  background: color(white);
+  border-bottom: 1px solid color(haze);
   box-sizing: border-box;
   height: 49px;
   line-height: 1;
   padding: 7px 0;
-}
-.subheader {
-  background: color(white);
-  border-bottom-color: color(dark-haze);
 
   &.absolute,
   &.fixed { z-index: 1030; }

data/vendor/assets/stylesheets/components/_switch.scss

@@ -8,7 +8,7 @@
 // ==================================================
 .switch {
   border: 1px solid;
-  border-color: color(dark-haze);
+  border-color: color(haze);
   border-radius: border-radius(xl);
   cursor: pointer;
   display: inline-block;
@@ -48,6 +48,7 @@
     box-sizing: border-box;
     display: block;
     height: 28px;
+    left: initial;
     position: absolute;
     right: calc(50% - 1px);
     width: 28px;
@@ -76,7 +77,10 @@
 
   &.off {
     .switch-group { left: -100%; }
-    .switch-handle { right: calc(50% - 27px); }
+    .switch-handle {
+      left: calc(50% - 1px);
+      right: initial;
+    }
   }
   &.disabled {
     cursor: not-allowed;
@@ -84,7 +88,7 @@
     * { cursor: not-allowed; }
   }
   &.dark {
-    .switch-handle { background: color(light-black); }
+    .switch-handle { background: color(light-slate); }
   }
   &.light {
     .switch-handle { background: color(haze); }
@@ -108,10 +112,6 @@
   }
   .switch-off { padding-right: 14px; }
   .switch-on { padding-left: 14px; }
-
-  &.off {
-    .switch-handle { right: calc(50% - 35px); }
-  }
 }
 .switch-size-m {
   height: 32px;
@@ -128,10 +128,6 @@
   }
   .switch-off { padding-right: 12px; }
   .switch-on { padding-left: 12px; }
-
-  &.off {
-    .switch-handle { right: calc(50% - 31px); }
-  }
 }
 .switch-size-s {
   height: 24px;
@@ -148,10 +144,6 @@
   }
   .switch-off { padding-right: 8px; }
   .switch-on { padding-left: 8px; }
-
-  &.off {
-    .switch-handle { right: calc(50% - 23px); }
-  }
 }
 
 // Colors

data/vendor/assets/stylesheets/components/_tag.scss

@@ -20,7 +20,7 @@
       font-family: 'Active Icons';
       font-style: normal;
       font-variant: normal;
-      font-weight: normal;
+      font-weight: text-weight(normal);
       margin-top: 1px;
       position: absolute;
       speak: none;

data/vendor/assets/stylesheets/components/_timepicker.scss

@@ -8,7 +8,7 @@
 // Timepicker
 // ==================================================
 .timepicker {
-  color: color(white);
+  color: color(dark-haze);
   padding: 4px;
 
   table {

data/vendor/assets/stylesheets/components/_wysiwyg.scss

@@ -14,7 +14,7 @@
   font-display: auto;
   font-family: 'wysiwyg';
   font-style: normal;
-  font-weight: normal;
+  font-weight: text-weight(normal);
   src: url(font-path('wysiwyg/wysiwyg.woff')) format('woff');
 }
 
@@ -27,7 +27,7 @@
     font-family: 'wysiwyg';
     font-style: normal;
     font-variant: normal;
-    font-weight: normal;
+    font-weight: text-weight(normal);
     line-height: 1;
     margin: 0;
     padding: 0;
@@ -90,7 +90,7 @@
     position: absolute;
     z-index: 100;
 
-    &.hover { color: color(black); }
+    &.hover { color: color(slate); }
 
     .wysiwyg-dropzone-message {
       display: table-cell;
@@ -117,7 +117,7 @@
   }
 
   &.wysiwyg-frame {
-    border: 1px solid color(dark-haze);
+    border: 1px solid color(haze);
     border-radius: border-radius(b);
 
     &.codeview {
@@ -143,7 +143,7 @@
       .wysiwyg-editable {
         background: color(white);
         box-shadow: inset 0 2px 0 0 darkish-color(light-haze);
-        color: color(black);
+        color: color(slate);
         min-height: 140px;
         overflow: auto;
         padding: 10px;
@@ -151,7 +151,7 @@
         &[contenteditable='false'] { background: color(light-haze); }
       }
       .wysiwyg-codable {
-        background: color(black);
+        background: color(slate);
         border: 0;
         border-radius: 0;
         box-shadow: none;
@@ -168,7 +168,7 @@
     }
     .wysiwyg-statusbar {
       background: color(light-haze);
-      border-top: 1px solid color(dark-haze);
+      border-top: 1px solid color(haze);
       border-bottom-left-radius: border-radius(b);
       border-bottom-right-radius: border-radius(b);
 
@@ -208,13 +208,13 @@
 .wysiwyg-popover .popover-content,
 .panel-heading.wysiwyg-toolbar {
   background: color(light-haze);
-  border-bottom: 1px solid color(dark-haze);
+  border-bottom: 1px solid color(haze);
   margin: 0;
   padding: 0 5px 5px;
 
   > .wysiwyg-btn-group {
     .wysiwyg-btn {
-      border-color: color(dark-haze);
+      border-color: color(haze);
       font-size: text-size(xs);
       padding: 8px 10px 9px;
     }
@@ -291,7 +291,7 @@
         padding: 5px;
 
         .wysiwyg-palette-title {
-          border-bottom: 1px solid color(dark-haze);
+          border-bottom: 1px solid color(haze);
           font-size: text-size(s);
           font-weight: text-weight(semibold);
           margin: 5px 0;
@@ -374,7 +374,7 @@
         width: 20px;
 
         @if ($pseudo-elements) {
-          &:hover { border: 1px solid color(black); }
+          &:hover { border: 1px solid color(slate); }
         }
       }
     }
@@ -409,14 +409,14 @@
 }
 .wysiwyg-handle {
   .wysiwyg-control-selection {
-    border: 1px solid color(black);
+    border: 1px solid color(slate);
     display: none;
     position: absolute;
 
     > div { position: absolute; }
 
     .wysiwyg-control-selection-bg {
-      background: color(black);
+      background: color(slate);
       opacity: 0.3;
       height: 100%;
       width: 100%;
@@ -425,7 +425,7 @@
     .wysiwyg-control-handle,
     .wysiwyg-control-holder,
     .wysiwyg-control-sizing {
-      border: 1px solid color(black);
+      border: 1px solid color(slate);
       height: 7px;
       width: 7px;
     }
@@ -460,7 +460,7 @@
       }
     }
     .wysiwyg-control-selection-info {
-      background: color(black);
+      background: color(slate);
       border-radius: border-radius(b);
       bottom: 0;
       color: color(white);