comparison core/modules/workspaces/css/workspaces.toolbar.css @ 5:12f9dff5fda9 tip

Update to Drupal core 8.7.1

 .toolbar .toolbar-bar .workspaces-toolbar-tab--is-default {
   background-color: #81c071;
 }
 
 .toolbar .toolbar-bar .workspaces-toolbar-tab .toolbar-item {
+  margin: 0;
   color: #000;
-  margin: 0;
 }
 
 .toolbar .toolbar-icon-workspace:before {
   background-image: url("../icons/000000/workspaces.svg");
 }

   outline: none;
 }
 
 .workspaces-dialog.ui-dialog-off-canvas #drupal-off-canvas,
 .workspaces-dialog.ui-dialog-off-canvas {
+  padding: 0;
   background: #333;
-  padding: 0;
 }
 
 .workspaces-dialog.ui-widget.ui-widget-content {
   height: 100% !important;
 }
 
 .workspaces-dialog.ui-dialog-off-canvas .ui-dialog-titlebar {
+  position: relative;
   visibility: hidden;
-  position: relative;
 }
 
 .workspaces-dialog.ui-dialog-off-canvas .ui-dialog-titlebar .ui-button {
+  z-index: 101;
   visibility: visible;
-  z-index: 101;
 }
 
 #drupal-off-canvas .active-workspace {
+  position: relative;
+  top: 16px;
+  width: 100%;
+  height: 140px;
+  padding: 20px 40px 0 20px;
   background-color: #444;
-  width: 100%;
-  padding: 20px 40px 0 20px;
-  height: 140px;
-  position: relative;
-  top: 16px;
 }
 
 @media all and (min-width: 767px) {
   #drupal-off-canvas .active-workspace {
     padding: 20px 40px 0 40px;

   font-size: 0.8125rem;
   font-weight: bold;
 }
 
 #drupal-off-canvas .active-workspace__label {
-  color: #fff;
-  font-size: 1.285em;
   margin-top: 0.5em;
   margin-left: 3.2rem;
+  color: #fff;
+  font-size: 1.285em;
 }
 
 #drupal-off-canvas .active-workspace__manage {
-  font-size: 0.9286em;
   margin-left: 3.2rem;
   white-space: nowrap;
   outline-color: currentColor;
+  font-size: 0.9286em;
 }
 
 #drupal-off-canvas .active-workspace__actions {
   position: relative;
   top: 1em;
 }
 
 #drupal-off-canvas .active-workspace__button {
+  padding: 5px 22px;
+  color: #fff;
+  border: solid 1px #1e5c90;
   border-radius: 20px;
   background-image: linear-gradient(to bottom, #007bc6, #0071b8);
-  border: solid 1px #1e5c90;
-  padding: 5px 22px;
-  color: #fff;
   text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
   font-weight: bold;
 }
 
 #drupal-off-canvas .active-workspace__button:hover {

   flex: 1;
   margin-bottom: 1px;
 }
 
 #drupal-off-canvas .workspaces a {
+  position: relative;
+  display: block;
+  box-sizing: border-box;
+  height: 73px;
+  margin-right: 1px;
+  padding: 20px 0 0 50px;
+  text-decoration: none;
+  color: #fff;
   background-color: #555;
-  box-sizing: border-box;
-  padding: 20px 0 0 50px;
-  margin-right: 1px;
-  color: #fff;
   font-size: 0.929em;
   font-weight: bold;
-  text-decoration: none;
-  position: relative;
-  display: block;
-  height: 73px;
 }
 
 #drupal-off-canvas .active-workspace__label:before,
 #drupal-off-canvas .workspaces__item:before {
+  position: absolute;
+  left: 20px;
+  display: block;
+  width: 20px;
+  height: 20px;
+  content: "";
   background: url("../icons/f0a100/ws_icon.svg") center center no-repeat;
   background-size: 100% auto;
-  content: '';
-  display: block;
-  height: 20px;
-  width: 20px;
-  left: 20px;
-  position: absolute;
 }
 
 #drupal-off-canvas .active-workspace--default .active-workspace__label:before,
 #drupal-off-canvas .workspaces__item--default:before {
   background-image: url("../icons/81c071/ws_icon.svg");
 }
 
 #drupal-off-canvas .active-workspace__label:before {
+  left: 20px;
+  width: 40px;
   height: 40px;
-  width: 40px;
-  left: 20px;
 }
 
 @media all and (min-width: 767px) {
   #drupal-off-canvas .active-workspace__label:before {
     left: 40px;
   }
 }
 
 .workspaces-dialog.ui-dialog-off-canvas .ui-dialog-titlebar {
+  top: 39px;
   padding: 0;
-  top: 39px;
 }
 
 .workspaces-dialog.ui-dialog-off-canvas .ui-dialog-titlebar-close {
+  top: 1em;
   right: 0.5em;
-  top: 1em;
 }
 
 @media all and (max-width: 766px) {
   .toolbar .toolbar-bar .workspaces-toolbar-tab .toolbar-icon-workspace {
-    padding-left: 2.75em;
-    padding-right: 1.3333em;
-    text-indent: 0;
+    overflow: hidden;
     width: auto;
     max-width: 8em;
+    padding-right: 1.3333em;
+    padding-left: 2.75em;
     white-space: nowrap;
-    overflow: hidden;
+    text-indent: 0;
     text-overflow: ellipsis;
   }
 
   .toolbar .toolbar-bar .workspaces-toolbar-tab .toolbar-icon-workspace:before {
-    background-size: 100% auto;
     left: 0.6667em;
     width: 20px;
+    background-size: 100% auto;
   }
 }
 
 @media all and (min-width: 767px) {
   #drupal-off-canvas .active-workspace {
+    position: fixed;
+    top: 0;
     right: 0;
-    top: 0;
-    position: fixed;
     width: calc(30% - 80px);
+    height: 140px;
     padding: 20px 40px 0;
-    height: 140px;
   }
 
   #drupal-off-canvas .all-workspaces {
+    position: relative;
+    top: 27px;
+    left: 0;
+    margin-top: 31px;
     padding-left: 20px;
-    position: relative;
-    margin-top: 31px;
-    left: 0;
-    top: 27px;
   }
 
   .workspaces-dialog.ui-widget.ui-widget-content {
     height: 161px !important;
   }
 
   #drupal-off-canvas .workspaces {
+    position: absolute;
+    bottom: 0;
     width: 70%;
-    bottom: 0;
-    position: absolute;
   }
 
   #drupal-off-canvas .workspaces ul {
     display: flex;
     flex-direction: row;

     margin-bottom: 0;
   }
 
   #drupal-off-canvas .active-workspace__actions {
     position: absolute;
+    top: unset;
     bottom: 1em;
-    top: unset;
   }
 
   .workspaces-dialog.ui-dialog-off-canvas .ui-dialog-titlebar {
     top: 0;
   }