jarno
/
firefox-gnome-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Better findbar elements alignment implementation, fix #27

This commit is contained in:
Rafael Mardojai CM 2019-07-10 11:03:19 -05:00
parent ef6bf399c8
commit bab895134e
1 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
theme/parts/findbar.css
View File

@ -16,30 +16,30 @@ findbar {
}
hbox[anonid="findbar-textbox-wrapper"] {
position: absolute;
right: calc(50vw - 36px);
transform: translate(50%, 0);
display: flex !important;
flex: 1;
}
.findbar-find-status, .found-matches {
.findbar-textbox {
margin-left: 60px !important;
}
.findbar-find-status:not(:-moz-only-whitespace), .found-matches[hidden] ~ .findbar-find-status, .found-matches {
flex: 1;
order: -1;
padding: 7px 0;
}
.findbar-find-status {
padding-left: 6px;
flex: 1;
.found-matches:not([hidden]) ~ .findbar-find-status {
display: none;
}
.findbar-closebutton {
margin: 6px 6px 6px 0 !important;
}
@media (max-width: 1100px) {
hbox[anonid="findbar-textbox-wrapper"] {
position: relative;
right: 0;
transform: none;
@media (max-width: 980px) {
.findbar-textbox {
margin-left: 0 !important;
}
.findbar-find-status, .found-matches {
order: 0;