Skip to content
Snippets Groups Projects
Commit 69dcbc75 authored by Sascha Eggenberger's avatar Sascha Eggenberger
Browse files

hotfix: toolbar icon size mobile

parent 8af7676e
No related branches found
Tags 8.8.2
No related merge requests found
:root{--colorPrimary: #003cc5;--colorPrimaryHover: #0036b1;--colorPrimaryActive: #00339a;--colorPrimary20: #f3f4f9;--colorDisabled: #bbb}.toolbar .toolbar-bar{background:#222330}@media (min-width: 576px){.toolbar .toolbar-bar{display:-webkit-box;display:-ms-flexbox;display:flex}.toolbar .toolbar-bar .user-menu{-webkit-box-ordinal-group:100;-ms-flex-order:99;order:99;-ms-flex-item-align:end;align-self:flex-end;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:right}.toolbar .toolbar-bar .user-menu .toolbar-item{display:inline-block}.toolbar .toolbar-bar .user-menu .toolbar-menu{text-align:left}.toolbar .toolbar-bar .contextual-toolbar-tab{-webkit-box-ordinal-group:101;-ms-flex-order:100;order:100}}.toolbar .toolbar-bar .contextual-toolbar-tab.toolbar-tab{float:right}.toolbar .toolbar-bar .toolbar-tab>.toolbar-item{font-weight:normal}.toolbar .toolbar-bar .toolbar-tab>.toolbar-item.is-active{background-image:none;background-color:rgba(255,255,255,0.1)}.toolbar .toolbar-bar .toolbar-tab>.toolbar-icon:before{background-size:90% auto}.toolbar .toolbar-bar .toolbar-icon-admin-toolbar-tools-help{width:80px}.toolbar .toolbar-bar .toolbar-icon-admin-toolbar-tools-help:before{width:45px;left:.75rem;background-image:url(../images/drupal.svg?b4b5e71b140d080365453f534de32bc0)}.toolbar-horizontal .toolbar-tray{-webkit-box-shadow:none;box-shadow:none;border-bottom:1px solid;-webkit-box-shadow:0px 4px 10px rgba(0,0,0,0.05);box-shadow:0px 4px 10px rgba(0,0,0,0.05)}.toolbar-horizontal .toolbar-tray a{color:#222}.toolbar-horizontal .toolbar-tray a:hover,.toolbar-horizontal .toolbar-tray a:active,.toolbar-horizontal .toolbar-tray a:focus,.toolbar-horizontal .toolbar-tray a.is-active{text-decoration:none}.toolbar-horizontal .toolbar-tray .menu-item:hover,.toolbar-horizontal .toolbar-tray .menu-item a:focus{background-color:#f3f4f9}.toolbar-horizontal .toolbar-tray .menu-item+.menu-item{border-left:0 none}.toolbar-horizontal .toolbar-tray .menu-item+.menu-item:last-child{border-right:0 none}.toolbar-horizontal .toolbar-tray .menu-item--expanded{background-color:#fff}.toolbar .toolbar-tray-vertical{-webkit-box-shadow:none;box-shadow:none;border-right:1px solid #ccc}.toolbar-tray-horizontal ul li.menu-item .menu-item{border-left:none;border-right:none;border-bottom:1px solid #e0e0e0}.toolbar-tray-horizontal ul li.menu-item--expanded.hover-intent ul{-webkit-box-shadow:0px 8px 14px rgba(0,0,0,0.15);box-shadow:0px 8px 14px rgba(0,0,0,0.15)}.toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded,.toolbar-tray-horizontal .toolbar-menu:not(:first-child) li.menu-item--expanded>a:focus{background-image:url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 1.7109375,0.31445312 0.2890625,1.7226562 5.5917969,7.0761719 0.2890625,12.429688 1.7109375,13.837891 8.4082031,7.0761719 Z' fill='%23004adc'/%3E%3C/svg%3E");background-position:center right 8px;background-size:10px 10px}
:root{--colorPrimary: #003cc5;--colorPrimaryHover: #0036b1;--colorPrimaryActive: #00339a;--colorPrimary20: #f3f4f9;--colorDisabled: #bbb}.toolbar .toolbar-bar{background:#222330}@media (min-width: 576px){.toolbar .toolbar-bar{display:-webkit-box;display:-ms-flexbox;display:flex}.toolbar .toolbar-bar .user-menu{-webkit-box-ordinal-group:100;-ms-flex-order:99;order:99;-ms-flex-item-align:end;align-self:flex-end;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:right}.toolbar .toolbar-bar .user-menu .toolbar-item{display:inline-block}.toolbar .toolbar-bar .user-menu .toolbar-menu{text-align:left}.toolbar .toolbar-bar .contextual-toolbar-tab{-webkit-box-ordinal-group:101;-ms-flex-order:100;order:100}}.toolbar .toolbar-bar .contextual-toolbar-tab.toolbar-tab{float:right}.toolbar .toolbar-bar .toolbar-tab>.toolbar-item{font-weight:normal}.toolbar .toolbar-bar .toolbar-tab>.toolbar-item.is-active{background-image:none;background-color:rgba(255,255,255,0.1)}@media only screen and (min-width: 36em){.toolbar .toolbar-bar .toolbar-tab>.toolbar-icon:before{background-size:90% auto}}.toolbar .toolbar-bar .toolbar-icon-admin-toolbar-tools-help{width:80px}.toolbar .toolbar-bar .toolbar-icon-admin-toolbar-tools-help:before{width:45px;left:.75rem;background-image:url(../images/drupal.svg?b4b5e71b140d080365453f534de32bc0)}.toolbar-horizontal .toolbar-tray{-webkit-box-shadow:none;box-shadow:none;border-bottom:1px solid;-webkit-box-shadow:0px 4px 10px rgba(0,0,0,0.05);box-shadow:0px 4px 10px rgba(0,0,0,0.05)}.toolbar-horizontal .toolbar-tray a{color:#222}.toolbar-horizontal .toolbar-tray a:hover,.toolbar-horizontal .toolbar-tray a:active,.toolbar-horizontal .toolbar-tray a:focus,.toolbar-horizontal .toolbar-tray a.is-active{text-decoration:none}.toolbar-horizontal .toolbar-tray .menu-item:hover,.toolbar-horizontal .toolbar-tray .menu-item a:focus{background-color:#f3f4f9}.toolbar-horizontal .toolbar-tray .menu-item+.menu-item{border-left:0 none}.toolbar-horizontal .toolbar-tray .menu-item+.menu-item:last-child{border-right:0 none}.toolbar-horizontal .toolbar-tray .menu-item--expanded{background-color:#fff}.toolbar .toolbar-tray-vertical{-webkit-box-shadow:none;box-shadow:none;border-right:1px solid #ccc}.toolbar-tray-horizontal ul li.menu-item .menu-item{border-left:none;border-right:none;border-bottom:1px solid #e0e0e0}.toolbar-tray-horizontal ul li.menu-item--expanded.hover-intent ul{-webkit-box-shadow:0px 8px 14px rgba(0,0,0,0.15);box-shadow:0px 8px 14px rgba(0,0,0,0.15)}.toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded,.toolbar-tray-horizontal .toolbar-menu:not(:first-child) li.menu-item--expanded>a:focus{background-image:url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 1.7109375,0.31445312 0.2890625,1.7226562 5.5917969,7.0761719 0.2890625,12.429688 1.7109375,13.837891 8.4082031,7.0761719 Z' fill='%23004adc'/%3E%3C/svg%3E");background-position:center right 8px;background-size:10px 10px}
......@@ -46,7 +46,9 @@
}
.toolbar-tab > .toolbar-icon:before {
background-size: 90% auto;
@media only screen and (min-width: 36em) {
background-size: 90% auto;
}
}
// Home icon
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment