rowan/multi-account-containers
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

tidy up tab dropdown menupanels

Browse source
This commit is contained in:
John Gruen 2017-02-19 17:48:30 -05:00
parent d82dfb0a57
commit 23fd568e2a
1 changed files with 31 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

56
data/usercontext.css
View file

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