X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fglobal%2FfindBar.css;h=c0e60d1f1886e439731b30118c89048536a58738;hp=d7e963df91c2a97f7a263a4994c57d93c3527fc6;hb=d4dc8501cbf0073d6d4b9ccd1adf18823688d134;hpb=b1db19fed8bd91ff36a19724e9c7dc7545f70f9e diff --git a/LCARStrek/global/findBar.css b/LCARStrek/global/findBar.css index d7e963df..c0e60d1f 100644 --- a/LCARStrek/global/findBar.css +++ b/LCARStrek/global/findBar.css @@ -21,6 +21,11 @@ findbar[hidden] { transition-delay: 0s, 0s, 150ms; } +findbar[noanim] { + transition-duration: 0s !important; + transition-delay: 0s !important; +} + findbar[position="top"][hidden] { margin-bottom: auto; margin-top: -1em; @@ -56,60 +61,55 @@ findbar[position="top"][hidden] { /* Buttons */ -.findbar-find-previous, -.findbar-find-next { - list-style-image: url("chrome://global/skin/icons/find-arrows.png"); -} - .findbar-find-previous:not([disabled]):active, .findbar-find-next:not([disabled]):active { } .findbar-find-previous { - -moz-image-region: rect(0, 12px, 9px, 0); + list-style-image: url(chrome://global/skin/icons/find-arrows.svg#previous); } .findbar-find-next { - -moz-image-region: rect(0, 24px, 9px, 12px); + list-style-image: url(chrome://global/skin/icons/find-arrows.svg#next); } -.findbar-find-previous, -.findbar-find-previous:not([disabled]):active { +.findbar-find-previous[disabled] { + list-style-image: url(chrome://global/skin/icons/find-arrows.svg#previous-disabled); } -.findbar-find-previous[disabled="true"] { - -moz-image-region: rect(9px, 12px, 18px, 0); +.findbar-find-next[disabled] { + list-style-image: url(chrome://global/skin/icons/find-arrows.svg#next-disabled); } -.findbar-find-next[disabled="true"] { - -moz-image-region: rect(9px, 24px, 18px, 12px); +.findbar-find-previous, +.findbar-find-previous:not([disabled]):active { } -.findbar-find-previous:not([disabled]):hover, -.findbar-find-previous:not([disabled]):active { - -moz-image-region: rect(18px, 12px, 27px, 0); +.findbar-find-previous[disabled="true"] > .toolbarbutton-icon, +.findbar-find-next[disabled="true"] > .toolbarbutton-icon { + filter: url(filters.svg#disabled-icon-state); } -.findbar-find-next:not([disabled]):hover, -.findbar-find-next:not([disabled]):active { - -moz-image-region: rect(18px, 24px, 27px, 12px); +.findbar-find-previous:not([disabled]):hover > .toolbarbutton-icon, +.findbar-find-previous:not([disabled]):active > .toolbarbutton-icon, +.findbar-find-next:not([disabled]):hover > .toolbarbutton-icon, +.findbar-find-next:not([disabled]):active > .toolbarbutton-icon { + filter: url(filters.svg#active-icon-state); } .findbar-find-previous > .toolbarbutton-icon, .findbar-find-next > .toolbarbutton-icon { } -.findbar-find-previous[disabled="true"] > .toolbarbutton-icon, -.findbar-find-next[disabled="true"] > .toolbarbutton-icon { -} - .findbar-highlight, -.findbar-case-sensitive { - -moz-margin-start: 5px; +.findbar-case-sensitive, +.findbar-entire-word { + margin-inline-start: 5px; } .findbar-highlight > .toolbarbutton-icon, -.findbar-case-sensitive > .toolbarbutton-icon { +.findbar-case-sensitive > .toolbarbutton-icon, +.findbar-entire-word > .toolbarbutton-icon { display: none; } @@ -117,9 +117,16 @@ findbar[position="top"][hidden] { .found-matches { color: #A09090; margin: 0 !important; - -moz-margin-start: 12px !important; + margin-inline-start: 12px !important; } .find-status-icon[status="pending"] { - list-style-image: url("chrome://global/skin/icons/loading.gif"); + list-style-image: url("chrome://global/skin/icons/loading.png"); +} + +@media (min-resolution: 2dppx) { + .find-status-icon[status="pending"] { + width: 16px; + list-style-image: url("chrome://global/skin/icons/loading@2x.png"); + } }