mirror of
https://github.com/wukko/cobalt.git
synced 2025-05-20 15:17:07 +02:00
web/OmniboxIcon: refactor css
This commit is contained in:
parent
0b77431bd6
commit
b9e64bd9e9
@ -44,17 +44,22 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
#input-icons {
|
#input-icons,
|
||||||
position: relative;
|
#input-icons :global(svg),
|
||||||
|
.input-icon {
|
||||||
width: 18px;
|
width: 18px;
|
||||||
height: 18px;
|
height: 18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#input-icons {
|
||||||
|
display: flex;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
#input-icons :global(svg) {
|
#input-icons :global(svg) {
|
||||||
stroke: var(--gray);
|
stroke: var(--gray);
|
||||||
width: 18px;
|
|
||||||
height: 18px;
|
|
||||||
stroke-width: 2px;
|
stroke-width: 2px;
|
||||||
|
will-change: transform;
|
||||||
}
|
}
|
||||||
|
|
||||||
.input-icon {
|
.input-icon {
|
||||||
@ -76,12 +81,10 @@
|
|||||||
|
|
||||||
.spinner-icon.animated :global(svg) {
|
.spinner-icon.animated :global(svg) {
|
||||||
animation: spinner 0.7s infinite linear;
|
animation: spinner 0.7s infinite linear;
|
||||||
will-change: transform;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.loading .link-icon :global(svg) {
|
.loading .link-icon :global(svg) {
|
||||||
animation: spinner 0.7s linear;
|
animation: spinner 0.7s linear;
|
||||||
will-change: transform;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.loading .link-icon {
|
.loading .link-icon {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user