Mercurial > hg > cmmr2012-drupal-site
diff core/modules/workspaces/css/workspaces.toolbar.css @ 5:12f9dff5fda9 tip
Update to Drupal core 8.7.1
author | Chris Cannam |
---|---|
date | Thu, 09 May 2019 15:34:47 +0100 |
parents | a9cd425dd02b |
children |
line wrap: on
line diff
--- a/core/modules/workspaces/css/workspaces.toolbar.css Thu Feb 28 13:11:55 2019 +0000 +++ b/core/modules/workspaces/css/workspaces.toolbar.css Thu May 09 15:34:47 2019 +0100 @@ -27,8 +27,8 @@ } .toolbar .toolbar-bar .workspaces-toolbar-tab .toolbar-item { + margin: 0; color: #000; - margin: 0; } .toolbar .toolbar-icon-workspace:before { @@ -42,8 +42,8 @@ .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 { @@ -51,22 +51,22 @@ } .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 { - background-color: #444; - width: 100%; - padding: 20px 40px 0 20px; - height: 140px; position: relative; top: 16px; + width: 100%; + height: 140px; + padding: 20px 40px 0 20px; + background-color: #444; } @media all and (min-width: 767px) { @@ -81,17 +81,17 @@ } #drupal-off-canvas .active-workspace__label { + margin-top: 0.5em; + margin-left: 3.2rem; color: #fff; font-size: 1.285em; - margin-top: 0.5em; - margin-left: 3.2rem; } #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 { @@ -100,11 +100,11 @@ } #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; } @@ -131,29 +131,29 @@ } #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, @@ -162,9 +162,9 @@ } #drupal-off-canvas .active-workspace__label:before { + left: 20px; + width: 40px; height: 40px; - width: 40px; - left: 20px; } @media all and (min-width: 767px) { @@ -174,50 +174,50 @@ } .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 { @@ -225,9 +225,9 @@ } #drupal-off-canvas .workspaces { + position: absolute; + bottom: 0; width: 70%; - bottom: 0; - position: absolute; } #drupal-off-canvas .workspaces ul { @@ -241,8 +241,8 @@ #drupal-off-canvas .active-workspace__actions { position: absolute; + top: unset; bottom: 1em; - top: unset; } .workspaces-dialog.ui-dialog-off-canvas .ui-dialog-titlebar {