From 0bb68cd3086c3ae141a0a2e59efbef86a6691c7d Mon Sep 17 00:00:00 2001 From: "k.triantafyllou" Date: Tue, 19 Dec 2023 12:26:05 +0200 Subject: [PATCH 1/6] [develop | FIXED | DONE]: Fix access-route-badge dot positions. --- less/general.less | 62 +++++++++++++++++++++++++++++++---------------- 1 file changed, 41 insertions(+), 21 deletions(-) diff --git a/less/general.less b/less/general.less index 0a24cbf..bde21a4 100644 --- a/less/general.less +++ b/less/general.less @@ -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%); - } } } From aaa9d3b59c1fbdf4a5bb0763e3b663941b680f5d Mon Sep 17 00:00:00 2001 From: "konstantina.galouni" Date: Thu, 21 Dec 2023 10:38:13 +0200 Subject: [PATCH 2/6] [develop | DONE | ADDED]: landing.less: Added css for OA Routes card (.landing-oaroutes-card:extend(.uk-card):extend(.uk-card-default all)). --- less/landing.less | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) 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; From 5ce6f31d0ee4e7723b25decd066139b96d58bc6c Mon Sep 17 00:00:00 2001 From: "konstantina.galouni" Date: Thu, 21 Dec 2023 10:42:06 +0200 Subject: [PATCH 3/6] [develop | DONE | ADDED]: general.less: Added css for new type of filter (triplet) (.filter-button-toggle) - mat-button-toggle used. --- less/general.less | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) diff --git a/less/general.less b/less/general.less index bde21a4..8c3c4e7 100644 --- a/less/general.less +++ b/less/general.less @@ -429,6 +429,27 @@ a:hover .text-usage-counts-hover:extend(.uk-text-background) { } } +.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; From 2b5a3ffcbafe4ec3513a145c218027721a2689fa Mon Sep 17 00:00:00 2001 From: "konstantina.galouni" Date: Thu, 21 Dec 2023 10:46:47 +0200 Subject: [PATCH 4/6] [develop | DONE | ADDED]: [missing from previous commits] Added open-access.svg in common-assets for background in landing OA Routes card. --- open-access.svg | 10 ++++++++++ 1 file changed, 10 insertions(+) create mode 100644 open-access.svg 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 @@ + + + + + + + + + + From c4981ba8fed8a8a4f8b5933053eef113fbaed509 Mon Sep 17 00:00:00 2001 From: "k.triantafyllou" Date: Thu, 21 Dec 2023 10:48:19 +0200 Subject: [PATCH 5/6] [develop]: Add indicator-overlay in indicators.less --- less/indicators.less | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) 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; + } +} From 1979f5ec89ca960bf7c927a933a160854ae680b3 Mon Sep 17 00:00:00 2001 From: "k.triantafyllou" Date: Thu, 21 Dec 2023 13:20:17 +0200 Subject: [PATCH 6/6] [develop]: Revised access routes badge --- less/general.less | 83 ++++++++++++++++++++++++----------------------- 1 file changed, 42 insertions(+), 41 deletions(-) diff --git a/less/general.less b/less/general.less index 8c3c4e7..799d08a 100644 --- a/less/general.less +++ b/less/general.less @@ -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 {