diff --git a/core/modules/toolbar/css/toolbar.theme.css b/core/modules/toolbar/css/toolbar.theme.css index 981ee00..3e605d1 100644 --- a/core/modules/toolbar/css/toolbar.theme.css +++ b/core/modules/toolbar/css/toolbar.theme.css @@ -57,10 +57,10 @@ .toolbar .toolbar-tray { background-color: #ffffff; } -.toolbar .toolbar-tray-horizontal > .toolbar-lining { +.toolbar-loading .toolbar .toolbar-tray > .toolbar-lining { padding-right: 5em; /* LTR */ } -[dir="rtl"] .toolbar .toolbar-tray-horizontal > .toolbar-lining { +[dir="rtl"] .toolbar-loading .toolbar .toolbar-tray > .toolbar-lining { padding-right: 0; padding-left: 5em; } @@ -74,11 +74,12 @@ border-right: 0 none; box-shadow: 1px 0 5px 2px rgba(0, 0, 0, 0.3333); } -.toolbar .toolbar-tray-horizontal { +.toolbar-loading .toolbar .toolbar-tray { border-bottom: 1px solid #aaaaaa; box-shadow: -2px 1px 3px 1px rgba(0, 0, 0, 0.3333); /* LTR */ } -[dir="rtl"] .toolbar .toolbar-tray-horizontal { +[dir="rtl"] .toolbar .toolbar-tray-horizontal, +[dir="rtl"] .toolbar-loading .toolbar .toolbar-tray { box-shadow: 2px 1px 3px 1px rgba(0, 0, 0, 0.3333); } .toolbar .toolbar-tray-horizontal .toolbar-tray { @@ -101,17 +102,21 @@ .toolbar .toolbar-menu { background-color: #ffffff; } -.toolbar .toolbar-tray-horizontal .menu-item + .menu-item { +.toolbar .toolbar-tray-horizontal .menu-item + .menu-item, +.toolbar-loading .toolbar .toolbar-tray .menu-item + .menu-item { border-left: 1px solid #dddddd; /* LTR */ } -[dir="rtl"] .toolbar .toolbar-tray-horizontal .menu-item + .menu-item { +[dir="rtl"] .toolbar .toolbar-tray-horizontal .menu-item + .menu-item, +[dir="rtl"] .toolbar-loading .toolbar .toolbar-tray .menu-item + .menu-item { border-left: 0 none ; border-right: 1px solid #dddddd; } -.toolbar .toolbar-tray-horizontal .menu-item:last-child { +.toolbar .toolbar-tray-horizontal .menu-item:last-child, +.toolbar-loading .toolbar .toolbar-tray .menu-item:last-child { border-right: 1px solid #dddddd; /* LTR */ } -[dir="rtl"] .toolbar .toolbar-tray-horizontal .menu-item:last-child { +[dir="rtl"] .toolbar .toolbar-tray-horizontal .menu-item:last-child, +[dir="rtl"] .toolbar-loading .toolbar .toolbar-tray .menu-item:last-child { border-left: 1px solid #dddddd; } .toolbar .toolbar-tray-vertical .menu-item + .menu-item { @@ -149,10 +154,12 @@ padding: 0; height: 100%; } -.toolbar .toolbar-tray-horizontal .toolbar-toggle-orientation { +.toolbar .toolbar-tray-horizontal .toolbar-toggle-orientation, +.toolbar-loading .toolbar .toolbar-tray .toolbar-toggle-orientation { border-left: 1px solid #c9c9c9; /* LTR */ } -[dir="rtl"] .toolbar .toolbar-tray-horizontal .toolbar-toggle-orientation { +[dir="rtl"] .toolbar .toolbar-tray-horizontal .toolbar-toggle-orientation, +[dir="rtl"] .toolbar-loading .toolbar .toolbar-tray .toolbar-toggle-orientation { border-left: 0 none; border-right: 1px solid #c9c9c9; } diff --git a/core/themes/stable/css/toolbar/toolbar.theme.css b/core/themes/stable/css/toolbar/toolbar.theme.css index 981ee00..b0ab859c 100644 --- a/core/themes/stable/css/toolbar/toolbar.theme.css +++ b/core/themes/stable/css/toolbar/toolbar.theme.css @@ -57,10 +57,12 @@ .toolbar .toolbar-tray { background-color: #ffffff; } -.toolbar .toolbar-tray-horizontal > .toolbar-lining { +.toolbar .toolbar-tray-horizontal > .toolbar-lining, +.toolbar-loading .toolbar .toolbar-tray > .toolbar-lining { padding-right: 5em; /* LTR */ } -[dir="rtl"] .toolbar .toolbar-tray-horizontal > .toolbar-lining { +[dir="rtl"] .toolbar .toolbar-tray-horizontal > .toolbar-lining, +[dir="rtl"] .toolbar-loading .toolbar .toolbar-tray > .toolbar-lining { padding-right: 0; padding-left: 5em; } @@ -74,11 +76,13 @@ border-right: 0 none; box-shadow: 1px 0 5px 2px rgba(0, 0, 0, 0.3333); } -.toolbar .toolbar-tray-horizontal { +.toolbar .toolbar-tray-horizontal, +.toolbar-loading .toolbar .toolbar-tray { border-bottom: 1px solid #aaaaaa; box-shadow: -2px 1px 3px 1px rgba(0, 0, 0, 0.3333); /* LTR */ } -[dir="rtl"] .toolbar .toolbar-tray-horizontal { +[dir="rtl"] .toolbar .toolbar-tray-horizontal, +[dir="rtl"] .toolbar-loading .toolbar .toolbar-tray { box-shadow: 2px 1px 3px 1px rgba(0, 0, 0, 0.3333); } .toolbar .toolbar-tray-horizontal .toolbar-tray { @@ -101,17 +105,20 @@ .toolbar .toolbar-menu { background-color: #ffffff; } +.toolbar-loading .toolbar .menu-item + .menu-item, .toolbar .toolbar-tray-horizontal .menu-item + .menu-item { border-left: 1px solid #dddddd; /* LTR */ } -[dir="rtl"] .toolbar .toolbar-tray-horizontal .menu-item + .menu-item { +[dir="rtl"] .toolbar-loading .toolbar .menu-item + .menu-item { border-left: 0 none ; border-right: 1px solid #dddddd; } -.toolbar .toolbar-tray-horizontal .menu-item:last-child { +.toolbar .toolbar-tray-horizontal .menu-item:last-child, +.toolbar-loading .toolbar .menu-item:last-child { border-right: 1px solid #dddddd; /* LTR */ } -[dir="rtl"] .toolbar .toolbar-tray-horizontal .menu-item:last-child { +[dir="rtl"] .toolbar .toolbar-tray-horizontal .menu-item:last-child, +[dir="rtl"] .toolbar-loading .toolbar .menu-item:last-child { border-left: 1px solid #dddddd; } .toolbar .toolbar-tray-vertical .menu-item + .menu-item { @@ -149,10 +156,12 @@ padding: 0; height: 100%; } -.toolbar .toolbar-tray-horizontal .toolbar-toggle-orientation { +.toolbar .toolbar-tray-horizontal .toolbar-toggle-orientation, +.toolbar-loading .toolbar .toolbar-toggle-orientation { border-left: 1px solid #c9c9c9; /* LTR */ } -[dir="rtl"] .toolbar .toolbar-tray-horizontal .toolbar-toggle-orientation { +[dir="rtl"] .toolbar .toolbar-tray-horizontal .toolbar-toggle-orientation, +[dir="rtl"] .toolbar-loading .toolbar .toolbar-toggle-orientation { border-left: 0 none; border-right: 1px solid #c9c9c9; }