Convert jQuery Datetimepicker to SVG icons

pull/10291/head
Thibaud Colas 2023-03-24 14:54:54 +00:00
rodzic 6adc13abf2
commit 531f71a924
5 zmienionych plików z 25 dodań i 12 usunięć

Wyświetl plik

@ -70,12 +70,17 @@
text-align: center;
&:before {
font-size: 1.5em;
font-family: $font-wagtail-icons;
content: '';
display: inline-block;
width: 1em;
line-height: 1.3em;
height: 1em;
text-align: center;
margin: 0;
background-color: currentColor;
@media (forced-colors: active) {
background-color: ButtonText;
}
}
&:hover {
@ -87,7 +92,7 @@
float: left;
&:before {
content: map.get($icons, 'arrow-left'); // UI-Redesign: to be removed
mask-image: url('#{$images-root}icons/arrow-left.svg');
}
}
@ -96,7 +101,7 @@
margin-inline-start: 5px;
&:before {
content: map.get($icons, 'home'); // UI-Redesign: to be removed
mask-image: url('#{$images-root}icons/home.svg');
}
}
@ -104,7 +109,7 @@
float: right;
&:before {
content: map.get($icons, 'arrow-right'); // UI-Redesign: to be removed
mask-image: url('#{$images-root}icons/arrow-right.svg');
}
}
@ -123,18 +128,14 @@
text-align: center;
width: 100%;
padding: 0;
&:before {
width: 100%;
}
}
.xdsoft_prev:before {
content: map.get($icons, 'arrow-up'); // UI-Redesign: to be removed
mask-image: url('#{$images-root}icons/arrow-up.svg');
}
.xdsoft_next:before {
content: map.get($icons, 'arrow-down'); // UI-Redesign: to be removed
mask-image: url('#{$images-root}icons/arrow-down.svg');
}
.xdsoft_time_box {

Wyświetl plik

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" id="icon-arrow-left" viewBox="0 0 16 16">
<path d="M10.75 4.344c0 0.094-0.031 0.156-0.094 0.219l-3.5 3.5 3.5 3.531c0.063 0.031 0.094 0.125 0.094 0.188 0 0.094-0.031 0.156-0.094 0.219l-0.438 0.438c-0.063 0.063-0.156 0.094-0.219 0.094s-0.156-0.031-0.219-0.094l-4.156-4.156c-0.063-0.063-0.094-0.125-0.094-0.219 0-0.063 0.031-0.125 0.094-0.188l4.156-4.156c0.063-0.063 0.156-0.094 0.219-0.094s0.156 0.031 0.219 0.094l0.438 0.438c0.063 0.063 0.094 0.125 0.094 0.188z"></path>
</svg>

Po

Szerokość:  |  Wysokość:  |  Rozmiar: 521 B

Wyświetl plik

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" id="icon-arrow-right" viewBox="0 0 16 16">
<path d="M10.469 8.063c0 0.094-0.031 0.156-0.094 0.219l-4.156 4.156c-0.063 0.063-0.156 0.094-0.219 0.094s-0.156-0.031-0.219-0.094l-0.438-0.438c-0.063-0.063-0.094-0.125-0.094-0.219 0-0.063 0.031-0.156 0.094-0.188l3.5-3.531-3.5-3.5c-0.063-0.063-0.094-0.125-0.094-0.219 0-0.063 0.031-0.125 0.094-0.188l0.438-0.438c0.063-0.063 0.156-0.094 0.219-0.094s0.156 0.031 0.219 0.094l4.156 4.156c0.063 0.063 0.094 0.125 0.094 0.188z"></path>
</svg>

Po

Szerokość:  |  Wysokość:  |  Rozmiar: 523 B

Wyświetl plik

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" id="icon-arrow-up" viewBox="0 0 16 16">
<path d="M12.469 10.063c0 0.094-0.031 0.156-0.094 0.219l-0.469 0.438c-0.031 0.063-0.125 0.094-0.188 0.094-0.094 0-0.156-0.031-0.219-0.094l-3.5-3.5-3.5 3.5c-0.063 0.063-0.125 0.094-0.219 0.094-0.063 0-0.156-0.031-0.188-0.094l-0.469-0.438c-0.063-0.063-0.094-0.125-0.094-0.219 0-0.063 0.031-0.125 0.094-0.188l4.156-4.156c0.063-0.063 0.156-0.094 0.219-0.094s0.156 0.031 0.219 0.094l4.156 4.156c0.063 0.063 0.094 0.125 0.094 0.188z"></path>
</svg>

Po

Szerokość:  |  Wysokość:  |  Rozmiar: 527 B

Wyświetl plik

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" id="icon-home" viewBox="0 0 16 16">
<path d="M12.834 8.791v4.043c0 0.146-0.059 0.264-0.176 0.352-0.088 0.117-0.234 0.176-0.381 0.176h-3.193v-3.223h-2.168v3.223h-3.193c-0.146 0-0.293-0.059-0.381-0.176-0.117-0.088-0.176-0.205-0.176-0.352v-4.043c0 0 0 0 0.029 0 0-0.029 0-0.029 0-0.029l4.805-3.984 4.805 3.984c0 0 0.029 0.029 0.029 0.029zM14.68 8.234l-0.498 0.615c-0.059 0.059-0.117 0.088-0.176 0.088h-0.029c-0.088 0-0.146-0.029-0.176-0.059l-5.801-4.834-5.801 4.834c-0.059 0.059-0.117 0.059-0.205 0.059-0.059 0-0.117-0.029-0.176-0.088l-0.498-0.615c-0.059-0.059-0.059-0.117-0.059-0.205s0.029-0.146 0.088-0.176l6.006-5.010c0.176-0.146 0.41-0.234 0.645-0.234s0.469 0.088 0.645 0.234l2.021 1.699v-1.641c0-0.059 0.029-0.146 0.088-0.176 0.059-0.059 0.117-0.088 0.205-0.088h1.582c0.088 0 0.146 0.029 0.205 0.088 0.059 0.029 0.088 0.117 0.088 0.176v3.428l1.816 1.523c0.059 0.029 0.088 0.088 0.088 0.176s0 0.146-0.059 0.205z"></path>
</svg>

Po

Szerokość:  |  Wysokość:  |  Rozmiar: 973 B