almet/umap
1
0
Fork 0
mirror of https://github.com/umap-project/umap.git synced 2025-05-05 06:01:48 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Update alert.css

Browse source 
Adding RTL styles to alert.css
This commit is contained in:
fim100 2024-08-02 18:49:10 +03:30
parent 319f97fae3
commit 30b5973aeb
1 changed files with 38 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

39
umap/static/umap/js/components/alerts/alert.css
View file

@ -27,18 +27,31 @@
background-position: 0 15px; background-position: 0 15px;
padding-left: 28px; padding-left: 28px;
} }
html[dir="rtl"] .umap-alert[role="dialog"] > div {
padding-right: 28px;
padding-left: 0;
}
.umap-alert[role="dialog"][data-level="info"] > div { .umap-alert[role="dialog"][data-level="info"] > div {
background-image: url('../../../img/alert-icon-info.svg'); background-image: url('../../../img/alert-icon-info.svg');
background-repeat: no-repeat; background-repeat: no-repeat;
} }
html[dir="rtl"] .umap-alert[role="dialog"][data-level="info"] > div {
background-position: right;
}
.umap-alert[role="dialog"][data-level="success"] > div { .umap-alert[role="dialog"][data-level="success"] > div {
background-image: url('../../../img/alert-icon-success.svg'); background-image: url('../../../img/alert-icon-success.svg');
background-repeat: no-repeat; background-repeat: no-repeat;
} }
html[dir="rtl"] .umap-alert[role="dialog"][data-level="success"] > div {
background-position: right;
}
.umap-alert[role="dialog"][data-level="error"] > div { .umap-alert[role="dialog"][data-level="error"] > div {
background-image: url('../../../img/alert-icon-error.svg'); background-image: url('../../../img/alert-icon-error.svg');
background-repeat: no-repeat; background-repeat: no-repeat;
} }
html[dir="rtl"] .umap-alert[role="dialog"][data-level="error"] > div {
background-position: right;
}
.umap-alert[role="dialog"][data-level="error"] { .umap-alert[role="dialog"][data-level="error"] {
background-color: var(--color-darkRed); background-color: var(--color-darkRed);
} }
@ -54,6 +67,11 @@
padding-right: 14px; padding-right: 14px;
background-size: 12px; background-size: 12px;
} }
html[dir="rtl"] .umap-alert[role="dialog"] a[target="_blank"] {
background: url('../../../img/icon-external-link.svg') no-repeat left center;
padding-left: 14px;
padding-right: 0;
}
h3[role="alert"] { h3[role="alert"] {
margin-bottom: 0; margin-bottom: 0;
margin-top: 1rem; margin-top: 1rem;
@ -77,13 +95,32 @@ h3[role="alert"] + p {
border-top-right-radius: 0; border-top-right-radius: 0;
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
} }
[role="group"] input:not([type="checkbox"], [type="radio"]):not(:first-child), html[dir="rtl"] [role="group"] input:not([type="checkbox"],
html[dir="rtl"] [type="radio"]):not(:last-child),
html[dir="rtl"] [role="group"] > :not(:last-child) {
border-top-right-radius: inherit;
border-bottom-right-radius: inherit;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
[role="group"] input:not([type="checkbox"],
[type="radio"]):not(:first-child),
[role="group"] > :not(:first-child) { [role="group"] > :not(:first-child) {
margin-left: 0; margin-left: 0;
border-top-left-radius: 0; border-top-left-radius: 0;
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
width: 45%; width: 45%;
} }
html[dir="rtl"] [role="group"] input:not([type="checkbox"],
html[dir="rtl"] [type="radio"]):not(:first-child),
html[dir="rtl"] [role="group"] > :not(:first-child) {
margin-left: auto;
margin-right: 0;
border-top-left-radius: inherit;
border-bottom-left-radius: inherit;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
[role="group"] input[type="submit"] { [role="group"] input[type="submit"] {
background: var(--color-darkGray); background: var(--color-darkGray);
color: var(--color-light); color: var(--color-light);