diff --git a/data/usercontext.css b/data/usercontext.css index 6f98ac8..374e9a7 100644 --- a/data/usercontext.css +++ b/data/usercontext.css @@ -82,22 +82,22 @@ .subviewbutton[usercontextid] > .toolbarbutton-icon, #userContext-indicator { background-image: var(--identity-icon); + background-position: center center; + background-repeat: no-repeat; + background-size: contain; + fill: var(--identity-icon-color); filter: url(/img/filters.svg#fill); filter: url(resource://testpilot-containers/data/filters.svg#fill); - fill: var(--identity-icon-color); - background-size: contain; - background-repeat: no-repeat; - background-position: center center; } /* containers experiment */ /* reset nightly containers */ .tabbrowser-tab[usercontextid] { - background: none !important; background-image: none; - background-size: 0; background-repeat: no-repeat; + background-size: 0; + background: none !important; } /* special styles run through a psuedo-class off of @@ -143,11 +143,11 @@ special cases are addressed below */ /* this fixes containers tab center */ #verticaltabs-box .tabbrowser-tab[usercontextid] .tab-content::after { background-color: var(--identity-tab-color); - top: 0; - left: 0; content: ''; height: 100% !important; + left: 0; position: absolute; + top: 0; width: 3px !important; z-index: 999; } @@ -161,31 +161,29 @@ special cases are addressed below */ } #new-tab-overlay { - visibility: visible; - background: transparent; - -moz-appearance: none; - offset-block-start: 29px; - - font-style: -moz-use-system-font; --icon-size: 26px; + -moz-appearance: none; + background: transparent; + font-style: -moz-use-system-font; + inline-size: 180px; + margin-inline-start: -50px !important; + visibility: visible; } #new-tab-overlay .panel-arrowcontent { - -moz-appearance: none; + -moz-appearance: none !important; background: none; border: 0; box-shadow: none; - block-size: 200px; display: block; margin-block-end: 0; - margin-block-start: 0; - padding-block-start: 0; + margin-block-start: 2px; + padding-block-start: 0 !important; } #new-tab-overlay .panel-arrowcontent, #new-tab-overlay menuitem { - /* Limited width to 8chars roughly */ - inline-size: calc(calc(8*1.5ch) + var(--icon-size) + 3px); + inline-size: 100%; } #new-tab-overlay .panel-arrowbox { @@ -197,13 +195,21 @@ special cases are addressed below */ } #new-tab-overlay menuitem { - background: white; - margin-block-end: 12px; - border-radius: 20px; -moz-appearance: none; + background: white; + border-radius: 20px; + border: 0; + box-shadow: 0 0 7px #0004; color: #4b4b4b; - padding: 6px; - box-shadow: 3px 7px 7px #0006; + margin-block-end: 5px; + padding-block-end: 10px; + padding-block-start: 10px; + padding-inline-end: 10px; + padding-inline-start: 10px; +} + +#new-tab-overlay menuitem:hover { + background: #f2f2f2; } #new-tab-overlay .menuitem-iconic[data-usercontextid] > .menu-iconic-left > .menu-iconic-icon {