diff --git a/less/general.less b/less/general.less index 0a24cbf..799d08a 100644 --- a/less/general.less +++ b/less/general.less @@ -385,30 +385,72 @@ a:hover .text-usage-counts-hover:extend(.uk-text-background) { & > .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; + &.dots-1 { + & > .dot:first-child { + top: 50%; left: 50%; - transform: translateX(-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 { + --mat-standard-button-toggle-height: @global-control-small-height; + background-color: @global-inverse-color; + + & > button > span { + padding:@global-xsmall-margin; + margin: @global-xsmall-margin; + + &:hover { + background-color: @global-secondary-background; + color: @global-inverse-color; + border-radius: @global-small-border-radius; + } + } +} + +.filter-button-toggle.mat-button-toggle-checked > button > span { + background-color: @global-secondary-background; + color: @global-inverse-color; + border-radius: @global-small-border-radius; +} @inverse-general-custom-external-color: @global-inverse-color; diff --git a/less/indicators.less b/less/indicators.less index ca17b5d..6662032 100644 --- a/less/indicators.less +++ b/less/indicators.less @@ -49,3 +49,20 @@ } } } + +.indicator-overlay { + position: absolute; + top: 0; + left: 0; + background: @global-overlay-background; + width: 100%; + height: 100%; + + .inner { + background: @global-background; + border-radius: @global-border-radius; + width: 75%; + max-height: 75%; + overflow: auto; + } +} diff --git a/less/landing.less b/less/landing.less index bdd3172..1695f65 100644 --- a/less/landing.less +++ b/less/landing.less @@ -219,7 +219,15 @@ background-color: unset; } - // rules for overriding styles of altmetrics embedded library + .landing-oaroutes-card:extend(.uk-card):extend(.uk-card-default all) { + background-repeat: no-repeat, no-repeat; + background-image: url("../open-access.svg"); + background-position: calc(100%) calc(100%), center; + background-size: auto, contain; + height: 108px; + } + + // rules for overriding styles of altmetrics embedded library .altmetric-embed { position: relative !important; z-index: 1 !important; diff --git a/open-access.svg b/open-access.svg new file mode 100644 index 0000000..28c6a00 --- /dev/null +++ b/open-access.svg @@ -0,0 +1,10 @@ + + + + + + + + + +