pmOS-tweaks/fenix-fox
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Include window controls

Browse source
This commit is contained in:
MrOtherGuy 2018-12-31 20:39:55 +02:00
parent fe39d0f72e
commit a82dfbfe70
1 changed files with 14 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
chrome/minimal_toolbarbuttons.css
View file

@ -1,19 +1,28 @@
/* Create a circular placeholder for toolbarbutton and downscale to hide them */
/* Create a placeholder for buttons */
toolbar .toolbarbutton-1{ background-image: radial-gradient(circle at center, var(--lwt-toolbarbutton-icon-fill) 0,var(--lwt-toolbarbutton-icon-fill) 15%,transparent 20% ) }
toolbar .toolbarbutton-1:not([open]),
.titlebar-button{
background-image: radial-gradient(circle at center, var(--lwt-toolbarbutton-icon-fill) 0,var(--lwt-toolbarbutton-icon-fill) 10%,transparent 15% );
}
/* Hide placeholder on hover */
toolbar:hover .toolbarbutton-1{ background-image: none }
toolbar:hover .toolbarbutton-1,.titlebar-buttonbox:hover > .titlebar-button{ background-image: none }
toolbar .toolbarbutton-1 > *{
toolbar .toolbarbutton-1 > *,
.titlebar-button > *{
transform: scale(0);
transition: transform 82ms linear !important;
}
toolbar:hover .toolbarbutton-1 > *,
.toolbarbutton-1[open] > *{
.toolbarbutton-1[open] > *,
.titlebar-buttonbox:hover > .titlebar-button > *{
transform: scale(1)
}
/* Urlbar icons, this way they show colors is applicable */
.urlbar-icon{ transition: transform 82ms linear !important; }
#urlbar:not(:hover) .urlbar-icon{ transform: scale(0.3) }
#urlbar:not(:hover) .urlbar-icon{ transform: scale(0.3) }
/* The menu button has some margin on non-compact density which creates annnoying transitions */
/* Lets remove that as well as border since this is minimal style anyway */
#PanelUI-button{ border-left: 0px !important; margin-left: 0px !important; }