almet/umap
1
0
Fork 0
mirror of https://github.com/umap-project/umap.git synced 2025-04-29 11:52:38 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

making Update icon.css rtl-friendly

Browse source
This commit is contained in:
fim100 2024-08-05 12:35:30 +03:30 committed by Yohan Boniface
parent d65c48a88a
commit 1671a0bef1
1 changed files with 33 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
umap/static/umap/css/icon.css
View file

@ -14,15 +14,15 @@
line-height: 24px; line-height: 24px;
} }
.icon + span { .icon + span {
margin-left: 10px; margin-inline-start: 10px;
} }
.icon-block { .icon-block {
display: block; display: block;
float: left; float: inline-start;
margin-right: 10px; margin-inline-end: 10px;
} }
.icon-block + span { .icon-block + span {
margin-left: 0; margin-inline-start: 0;
} }
.dark .icon-16 { .dark .icon-16 {
background-image: url('../img/16-white.svg'); background-image: url('../img/16-white.svg');
@ -30,9 +30,15 @@
.icon-add { .icon-add {
background-position: -26px -24px; background-position: -26px -24px;
} }
html[dir="rtl"] .icon-add {
background-position: -25px -24px;
}
.icon-back { .icon-back {
background-position: -122px -144px; background-position: -122px -144px;
} }
html[dir="rtl"] .icon-back {
transform: scaleX(-1);
}
.icon-caption { .icon-caption {
background-position: -98px -24px; background-position: -98px -24px;
} }
@ -42,14 +48,21 @@
.icon-delete { .icon-delete {
background-position: -121px -49px; background-position: -121px -49px;
} }
html[dir="rtl"] .icon-delete {
background-position: -124px -49px;
}
.readonly .icon-delete, .readonly .icon-delete,
.off .icon-delete { .off .icon-delete {
background-position: -121px -122px; background-position: -121px -122px;
} }
html[dir="rtl"] .readonly .icon-delete,
html[dir="rtl"] .off .icon-delete {
background-position: -124px -122px;
}
.icon-drag { .icon-drag {
background-position: -72px -73px; background-position: -72px -73px;
cursor: move; cursor: move;
float: right; float: inline-end;
} }
.icon-eye { .icon-eye {
background-position: -49px -26px; background-position: -49px -26px;
@ -60,12 +73,21 @@
.icon-edit { .icon-edit {
background-position: -51px -49px; background-position: -51px -49px;
} }
html[dir="rtl"] .icon-edit {
background-position: -49px -49px;
}
.off .icon-edit { .off .icon-edit {
background-position: -51px -73px; background-position: -51px -73px;
} }
html[dir="rtl"] .off .icon-edit {
background-position: -49px -73px;
}
.icon-filters { .icon-filters {
background-position: -4px -24px; background-position: -4px -24px;
} }
html[dir="rtl"] .icon-filters {
background-position: -1px -24px;
}
.icon-key { .icon-key {
background-position: -144px -121px; background-position: -144px -121px;
} }
@ -99,9 +121,15 @@
.icon-settings { .icon-settings {
background-position: -23px -97px; background-position: -23px -97px;
} }
html[dir="rtl"] .icon-settings {
background-position: -27px -97px;
}
.icon-share { .icon-share {
background-position: 0px -120px; background-position: 0px -120px;
} }
html[dir="rtl"] .icon-share {
background-position: -3px -120px;
}
.icon-table { .icon-table {
background-position: -50px -1px; background-position: -50px -1px;
} }