Skip to content
Snippets Groups Projects
Commit 15066b2d authored by Mike Herchel's avatar Mike Herchel Committed by shmy
Browse files

Fix forced colors icon; consolidate sort icon.

parent 2d17a3c2
No related branches found
No related tags found
2 merge requests!5864Issue #3332701: Refactor Claro's tablesort-indicator stylesheet,!3452Issue #3332701: Refactor Claro's tablesort-indicator stylesheet
......@@ -14,9 +14,9 @@
position: absolute;
top: 50%;
inset-inline-end: 1rem;
width: 0.875rem; /* 14px */
width: 0.875rem;
height: var(--space-m);
margin-block-start: -0.5rem; /* -8px */
margin-block-start: -0.5rem;
opacity: 0.5;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3e%3cpath d='M1.75.25v1.5h10.5V.25zm0 3v1.5h7.5v-1.5zm0 3v1.5h4.5v-1.5z' fill='%23000f33'/%3e%3c/svg%3e");
background-repeat: no-repeat;
......@@ -37,7 +37,8 @@
}
[dir="rtl"] .tablesort {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3e%3cpath d='M12.25.25v1.5H1.75V.25zm0 3v1.5h-7.5v-1.5zm0 3v1.5h-4.5v-1.5z' fill='%23000f33'/%3e%3c/svg%3e");
/* Horizontally flip the element. */
transform: scaleX(-1);
}
.tablesort--asc {
......
......@@ -7,24 +7,25 @@
position: absolute;
top: 50%;
inset-inline-end: 1rem;
width: 0.875rem; /* 14px */
width: 14px;
height: var(--space-m);
margin-block-start: -0.5rem; /* -8px */
margin-block-start: -8px;
opacity: 0.5;
background-image: url(../../images/icons/000f33/sort--inactive--ltr.svg);
background-image: url(../../images/icons/000f33/sort--inactive.svg);
background-repeat: no-repeat;
background-position: 0 50%;
background-size: auto;
@media (forced-colors: active) {
background: linktext;
mask-image: url(../../images/icons/000f33/sort--inactive--ltr.svg);
mask-image: url(../../images/icons/000f33/sort--inactive.svg);
mask-repeat: no-repeat;
mask-position: 0 50%;
}
@nest [dir="rtl"] & {
background-image: url(../../images/icons/000f33/sort--inactive--rtl.svg);
/* Horizontally flip the element. */
transform: scaleX(-1);
}
}
......
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="8"><path d="M12.25.25v1.5H1.75V.25zm0 3v1.5h-7.5v-1.5zm0 3v1.5h-4.5v-1.5z" fill="#000f33"/></svg>
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment