X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fglobal%2FfindBar.css;h=bc7e111b2d2dcbb88b70c96e6a76508b47c40a7c;hp=6e87692a81aeb1d3280c0cb880e5f41c64c6431a;hb=82765a36c6f8b1790d1a41b42c7776c299e48ea5;hpb=87a1144f3acafe3109028fc3d30c7dd2dbdff01e diff --git a/LCARStrek/global/findBar.css b/LCARStrek/global/findBar.css index 6e87692a..bc7e111b 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,73 +61,64 @@ 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#glyph-find-previous); } .findbar-find-next { - -moz-image-region: rect(0, 24px, 9px, 12px); + list-style-image: url(chrome://global/skin/icons/find-arrows.svg#glyph-find-next); } .findbar-find-previous, .findbar-find-previous:not([disabled]):active { } -.findbar-find-previous[disabled="true"] { - -moz-image-region: rect(9px, 12px, 18px, 0); -} - -.findbar-find-next[disabled="true"] { - -moz-image-region: rect(9px, 24px, 18px, 12px); -} - -.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 > .toolbarbutton-text, -.findbar-find-next > .toolbarbutton-text { -} - -.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; } -.findbar-find-status { +.findbar-find-status, +.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"); + } }