[develop]: Revised access routes badge
This commit is contained in:
parent
2ea093d47e
commit
1979f5ec89
|
@ -382,51 +382,52 @@ a:hover .text-usage-counts-hover:extend(.uk-text-background) {
|
|||
height: @general-access-route-badge-size;
|
||||
position: relative;
|
||||
|
||||
&:has(:first-child) {
|
||||
& > .dot:first-child {
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
&:has(:nth-child(2)) {
|
||||
& > .dot:first-child {
|
||||
left: 0;
|
||||
transform: translate(0, -50%);
|
||||
}
|
||||
|
||||
& > .dot:nth-child(2) {
|
||||
right: 0;
|
||||
top: 50%;
|
||||
transform: translate(0, -50%);
|
||||
}
|
||||
|
||||
&:has(:nth-child(3)) {
|
||||
& > .dot:first-child {
|
||||
left: 0;
|
||||
top: 100%;
|
||||
transform: translate(0, -100%);
|
||||
}
|
||||
|
||||
& > .dot:nth-child(2) {
|
||||
right: 0;
|
||||
top: 100%;
|
||||
transform: translate(0, -100%);
|
||||
}
|
||||
|
||||
& > .dot:nth-child(3) {
|
||||
left: 50%;
|
||||
top: 0;
|
||||
transform: translate(-50%, 0);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
& > .dot {
|
||||
position: absolute;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
&.dots-1 {
|
||||
& > .dot:first-child {
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
}
|
||||
|
||||
&.dots-2 {
|
||||
& > .dot:first-child {
|
||||
top: 50%;
|
||||
left: 0;
|
||||
transform: translate(0, -50%);
|
||||
}
|
||||
|
||||
& > .dot:nth-child(2) {
|
||||
right: 0;
|
||||
top: 50%;
|
||||
transform: translate(0, -50%);
|
||||
}
|
||||
}
|
||||
|
||||
&.dots-3 {
|
||||
& > .dot:first-child {
|
||||
left: 0;
|
||||
top: 100%;
|
||||
transform: translate(0, -100%);
|
||||
}
|
||||
|
||||
& > .dot:nth-child(2) {
|
||||
right: 0;
|
||||
top: 100%;
|
||||
transform: translate(0, -100%);
|
||||
}
|
||||
|
||||
& > .dot:nth-child(3) {
|
||||
left: 50%;
|
||||
top: 0;
|
||||
transform: translate(-50%, 0);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.filter-button-toggle, .filter-button-toggle.mat-button-toggle-checked {
|
||||
|
|
Loading…
Reference in New Issue