MaDgIK
/
openaire-assets
13
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[develop | FIXED | DONE]: Fix access-route-badge dot positions.

This commit is contained in:
Konstantinos Triantafyllou 2023-12-19 12:26:05 +02:00
parent afde9cf3fa
commit 0bb68cd308
1 changed files with 41 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
less/general.less
View File

@ -382,30 +382,50 @@ 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;
&:first-child {
bottom: 0;
left: 0;
&:last-child {
left: 50%;
transform: translateX(-50%);
}
}
&:nth-child(2) {
bottom: 0;
right: 0;
}
&:nth-child(3) {
top: 0;
left: 50%;
transform: translateX(-50%);
}
}
}