From bb08f5647cf894e9c5ac7273d622db6784be3df8 Mon Sep 17 00:00:00 2001 From: Alex Martzios Date: Mon, 9 Jan 2023 18:34:56 +0200 Subject: [PATCH 01/18] css rules for landing page's new action bar --- less/landing.less | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/less/landing.less b/less/landing.less index 1282e01..5ea79a2 100644 --- a/less/landing.less +++ b/less/landing.less @@ -42,6 +42,8 @@ @landing-card-tab-border-radius: @global-border-radius; @landing-card-tab-border-width: 5px; +@landing-action-bar-border-radius: 4px; + .landing { #landing-left-sidebar { @@ -140,4 +142,15 @@ border-radius: @landing-card-tab-border-radius; border-left: @landing-card-tab-border-width solid @landing-section-separator; } + + .landing-action-bar { + padding: 10px 30px; + border-radius: @landing-action-bar-border-radius; + border: @landing-portal-color solid 1px; + } + + .landing-action-bar-divider { + background: @disable-color; + width: 1px; + } } From 6f561945ed0eb35ce11729fd40d60f250dfdc87e Mon Sep 17 00:00:00 2001 From: Alex Martzios Date: Fri, 13 Jan 2023 08:31:29 +0200 Subject: [PATCH 02/18] add new css rules for landing redesign, add logo for BIP --- less/landing.less | 23 +++++++++++++++++++++++ logo-bip.png | Bin 0 -> 3941 bytes 2 files changed, 23 insertions(+) create mode 100644 logo-bip.png diff --git a/less/landing.less b/less/landing.less index 5ea79a2..4c17989 100644 --- a/less/landing.less +++ b/less/landing.less @@ -147,10 +147,33 @@ padding: 10px 30px; border-radius: @landing-action-bar-border-radius; border: @landing-portal-color solid 1px; + .landing-action-button-orcid { + icon { + color: @landing-action-button-orcid-color; + } + &.uk-disabled { + color: @landing-action-button-orcid-disabled-color; + icon { + color: @landing-action-button-orcid-disabled-color; + } + } + } } .landing-action-bar-divider { background: @disable-color; width: 1px; } + + .download-drop { + width: unset; + .download-drop-item { + padding: 10px 20px; + margin: 0 4px; + border-radius: 6px; + &:hover { + background: #E9F2FD; + } + } + } } diff --git a/logo-bip.png b/logo-bip.png new file mode 100644 index 0000000000000000000000000000000000000000..c5e37cc346763a4f718164f9e410b8fa3e55481a GIT binary patch literal 3941 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 Date: Fri, 13 Jan 2023 15:57:00 +0200 Subject: [PATCH 03/18] add css rules and assets for landing's metrics --- less/landing.less | 10 ++++++++++ metrics-badge.svg | 34 ++++++++++++++++++++++++++++++++++ metrics-bg.svg | 17 +++++++++++++++++ 3 files changed, 61 insertions(+) create mode 100644 metrics-badge.svg create mode 100644 metrics-bg.svg diff --git a/less/landing.less b/less/landing.less index 4c17989..7e7d7fb 100644 --- a/less/landing.less +++ b/less/landing.less @@ -176,4 +176,14 @@ } } } + + .landing-metrics-overview { + grid-gap: 80px; + } + + .metrics-background { + background-image: url("../metrics-bg.svg"); + background-repeat: no-repeat; + background-size: cover; + } } diff --git a/metrics-badge.svg b/metrics-badge.svg new file mode 100644 index 0000000..067b2a0 --- /dev/null +++ b/metrics-badge.svg @@ -0,0 +1,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/metrics-bg.svg b/metrics-bg.svg new file mode 100644 index 0000000..e1c8cfc --- /dev/null +++ b/metrics-bg.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + From 4a0b008febb00e95d8101e8321ead8c45d61722a Mon Sep 17 00:00:00 2001 From: Alex Martzios Date: Mon, 23 Jan 2023 16:18:12 +0200 Subject: [PATCH 04/18] add rules to override altmetrics css for landing pages --- less/landing.less | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/less/landing.less b/less/landing.less index 7e7d7fb..5d6470f 100644 --- a/less/landing.less +++ b/less/landing.less @@ -186,4 +186,17 @@ background-repeat: no-repeat; background-size: cover; } + + // rules for overriding styles of altmetrics embedded library + .altmetric-normal-legend { + margin: 0 40px 0 0 !important; + .altmetric-see-more-details { + display: none !important; + } + } + .altmetric-popover-content { + background-color: unset !important; + font-size: unset !important; + font-family: unset !important; + } } From 4f2bd1c8aed9232f9180fa2b9baba20f0c6962b8 Mon Sep 17 00:00:00 2001 From: Alex Martzios Date: Tue, 24 Jan 2023 15:32:40 +0200 Subject: [PATCH 05/18] add css rules for landing mobile --- less/landing.less | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/less/landing.less b/less/landing.less index 5d6470f..cc5d71a 100644 --- a/less/landing.less +++ b/less/landing.less @@ -165,6 +165,18 @@ width: 1px; } + .landing-action-bar-mobile { + position: fixed; + bottom: 0; + left: 0; + right: 0; + z-index: @global-z-index - 20; + & > div { + padding: 10px 20px; + border-top: 1px solid lightgrey; + } + } + .download-drop { width: unset; .download-drop-item { From f2a248c0ff5da344613909697e05a782980c4e14 Mon Sep 17 00:00:00 2001 From: "k.triantafyllou" Date: Fri, 27 Jan 2023 14:42:37 +0200 Subject: [PATCH 06/18] Add landing-tab class in landing.less --- less/landing.less | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) diff --git a/less/landing.less b/less/landing.less index cc5d71a..fe307c8 100644 --- a/less/landing.less +++ b/less/landing.less @@ -34,6 +34,13 @@ @landing-section-border-width: 3px; @landing-section-separator: fade(@landing-portal-color, @global-opacity); +@landing-tab-background: @global-muted-background; +@landing-tab-border-width: 4px; +@landing-tab-border-radius: @global-small-border-radius; +@landing-tab-background-active: @global-background; +@landing-tab-color-active: @landing-portal-color; +@landing-tab-border-active: @landing-portal-color; + @landing-download-from-background: @global-background; @landing-download-from-border-width: @global-border-width; @landing-download-from-border: @global-border; @@ -128,6 +135,26 @@ } } + .landing-tab:extend(.uk-text-small) { + background: @landing-tab-background; + border-radius: @landing-tab-border-radius; + + & .uk-tab { + + & > * > a { + border-bottom: none; + border-top: @landing-tab-border-width solid transparent; + } + + & > .uk-active > a { + border-color: @landing-tab-border-active; + background: @landing-tab-background-active; + color: @landing-tab-color-active; + position: relative; + } + } + } + .uk-dropdown { z-index: @landing-z-index + 1; } From 43aa38eacd6fc81ccbbf12cfd98c6c49a8494c60 Mon Sep 17 00:00:00 2001 From: Alex Martzios Date: Wed, 8 Feb 2023 11:20:29 +0200 Subject: [PATCH 07/18] add new bip asset, remove old one, add new css rules for landings --- bip-minimal.svg | 22 ++++++++++++++++++++++ less/landing.less | 7 +++++++ logo-bip.png | Bin 3941 -> 0 bytes 3 files changed, 29 insertions(+) create mode 100644 bip-minimal.svg delete mode 100644 logo-bip.png diff --git a/bip-minimal.svg b/bip-minimal.svg new file mode 100644 index 0000000..7579d0d --- /dev/null +++ b/bip-minimal.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/less/landing.less b/less/landing.less index fe307c8..58e49ef 100644 --- a/less/landing.less +++ b/less/landing.less @@ -52,6 +52,9 @@ @landing-action-bar-border-radius: 4px; .landing { + #landing-center-content { + min-height: @landing-sidebar-height; + } #landing-left-sidebar { width: @landing-left-sidebar-width; @@ -227,6 +230,10 @@ } // rules for overriding styles of altmetrics embedded library + .altmetric-embed { + position: relative !important; + z-index: 1 !important; + } .altmetric-normal-legend { margin: 0 40px 0 0 !important; .altmetric-see-more-details { diff --git a/logo-bip.png b/logo-bip.png deleted file mode 100644 index c5e37cc346763a4f718164f9e410b8fa3e55481a..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 3941 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 Date: Mon, 13 Feb 2023 15:49:36 +0200 Subject: [PATCH 08/18] add new css rules for landing and new gradient patterns --- less/general.less | 11 +++++++++++ less/landing.less | 40 +++++++++++++++++++++++++++++----------- 2 files changed, 40 insertions(+), 11 deletions(-) diff --git a/less/general.less b/less/general.less index 793ced9..f2ad901 100644 --- a/less/general.less +++ b/less/general.less @@ -24,6 +24,9 @@ @general-number-card-border: @global-primary-gradient; @general-number-card-height: 100px; +@usage-counts-icon-gradient: linear-gradient(127deg, @usage-counts-orange-color 0%, @usage-counts-blue-color 100%); +@usage-counts-number-gradient: linear-gradient(122deg, @primary-light-color 0%, @primary-dark-color 100%); + main { min-height: calc(100vh - var(--header-height)); } @@ -53,6 +56,14 @@ main { white-space: nowrap !important; } +/* UsageCounts gradient color */ +.text-usage-counts:extend(.uk-text-background) { + background-image: @usage-counts-icon-gradient; +} +.metrics-number:extend(.uk-text-background) { + background-image: @usage-counts-number-gradient; +} + /* Number */ .number { line-height: 1.25; diff --git a/less/landing.less b/less/landing.less index 58e49ef..77642ba 100644 --- a/less/landing.less +++ b/less/landing.less @@ -45,11 +45,18 @@ @landing-download-from-border-width: @global-border-width; @landing-download-from-border: @global-border; @landing-download-from-border-radius: @global-border-radius; +@landing-download-from-background-color: @ciel-color; @landing-card-tab-border-radius: @global-border-radius; @landing-card-tab-border-width: 5px; -@landing-action-bar-border-radius: 4px; +@landing-action-bar-padding: 10px 30px; +@landing-action-bar-border-width: @global-border-width; +@landing-action-bar-border-radius: @global-small-border-radius; +@landing-action-bar-divider-width: @global-border-width; + +@landing-metrics-grip-gap: 80px; +@landing-metrics-card-width: 380px; .landing { #landing-center-content { @@ -174,9 +181,9 @@ } .landing-action-bar { - padding: 10px 30px; + padding: @landing-action-bar-padding; border-radius: @landing-action-bar-border-radius; - border: @landing-portal-color solid 1px; + border: @landing-portal-color solid @landing-action-bar-border-width; .landing-action-button-orcid { icon { color: @landing-action-button-orcid-color; @@ -192,9 +199,10 @@ .landing-action-bar-divider { background: @disable-color; - width: 1px; + width: @landing-action-bar-divider-width; } + // TODO: when we get there .landing-action-bar-mobile { position: fixed; bottom: 0; @@ -203,32 +211,42 @@ z-index: @global-z-index - 20; & > div { padding: 10px 20px; - border-top: 1px solid lightgrey; + border-top: @landing-action-bar-border-width solid lightgrey; } } + // ---------------------- .download-drop { width: unset; .download-drop-item { padding: 10px 20px; margin: 0 4px; - border-radius: 6px; + border-radius: @landing-download-from-border-radius; &:hover { - background: #E9F2FD; + background: @landing-download-from-background-color; } } } .landing-metrics-overview { - grid-gap: 80px; + grid-gap: @landing-metrics-grip-gap; } - - .metrics-background { + .landing-metrics-card { + min-width: @landing-metrics-card-width; background-image: url("../metrics-bg.svg"); - background-repeat: no-repeat; + background-repeat: no-repeat; background-size: cover; } + // To be moved? + .open-access { + color: @open-access-color; + } + .bip-icon { + color: @bip-color; + } + + // rules for overriding styles of altmetrics embedded library .altmetric-embed { position: relative !important; From 68fe02948ce008b695fd1a4c292501b3e0ba5f90 Mon Sep 17 00:00:00 2001 From: Alex Martzios Date: Thu, 16 Feb 2023 12:58:18 +0200 Subject: [PATCH 09/18] add new rule for landing action bar --- less/landing.less | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/less/landing.less b/less/landing.less index 77642ba..adcbe79 100644 --- a/less/landing.less +++ b/less/landing.less @@ -51,12 +51,13 @@ @landing-card-tab-border-width: 5px; @landing-action-bar-padding: 10px 30px; +@landing-action-bar-grid-gap: 20px; @landing-action-bar-border-width: @global-border-width; @landing-action-bar-border-radius: @global-small-border-radius; @landing-action-bar-divider-width: @global-border-width; +@landing-action-bar-divider-height: 15px; @landing-metrics-grip-gap: 80px; -@landing-metrics-card-width: 380px; .landing { #landing-center-content { @@ -184,6 +185,9 @@ padding: @landing-action-bar-padding; border-radius: @landing-action-bar-border-radius; border: @landing-portal-color solid @landing-action-bar-border-width; + .landing-action-bar-grid-gap { + grid-gap: @landing-action-bar-grid-gap; + } .landing-action-button-orcid { icon { color: @landing-action-button-orcid-color; @@ -200,6 +204,7 @@ .landing-action-bar-divider { background: @disable-color; width: @landing-action-bar-divider-width; + height: @landing-action-bar-divider-height; } // TODO: when we get there @@ -232,7 +237,6 @@ grid-gap: @landing-metrics-grip-gap; } .landing-metrics-card { - min-width: @landing-metrics-card-width; background-image: url("../metrics-bg.svg"); background-repeat: no-repeat; background-size: cover; From a83c675f25c403b8f8411de041baa769b28d2b54 Mon Sep 17 00:00:00 2001 From: "k.triantafyllou" Date: Fri, 17 Feb 2023 19:20:39 +0200 Subject: [PATCH 10/18] Move some classes from landing to general --- less/general.less | 57 +++++++++++++++--- less/landing.less | 149 +++++++++++++++++----------------------------- 2 files changed, 105 insertions(+), 101 deletions(-) diff --git a/less/general.less b/less/general.less index e4104a7..c7a16cb 100644 --- a/less/general.less +++ b/less/general.less @@ -18,6 +18,9 @@ @general-search-form-background-image: none; @general-search-form-background-position: center bottom; +@general-download-from-border-radius: @global-border-radius; +@general-download-from-background-color: @ciel-color; + @general-tab-featured-tab: @global-primary-background; @general-number-card-border-width: 6px; @@ -42,6 +45,15 @@ main { max-width: 500px; } +/* Special characters */ +.bullet:before { + content: '\2022'; +} + +.space:before { + content: '\00A0'; +} + /* Visually hidden (for icons) */ .visually-hidden { border: 0 !important; @@ -56,12 +68,8 @@ main { white-space: nowrap !important; } -/* UsageCounts gradient color */ -.text-usage-counts:extend(.uk-text-background) { - background-image: @usage-counts-icon-gradient; -} .metrics-number:extend(.uk-text-background) { - background-image: @usage-counts-number-gradient; + background-image: @usage-counts-number-gradient; } /* Number */ @@ -158,7 +166,7 @@ noscript, ol, section, table, tfoot, ul, video; } each(@lines, { - &.lines-@{value} > *{ + &.lines-@{value} > * { -webkit-line-clamp: @value; } }); @@ -190,7 +198,7 @@ noscript, ol, section, table, tfoot, ul, video; /* Search Form */ .search-form, .generalSearchForm { background-color: @general-search-form-background; - background-image: @general-search-form-background-image; + background-image: @general-search-form-background-image; background-position: @general-search-form-background-position; } @@ -206,6 +214,22 @@ noscript, ol, section, table, tfoot, ul, video; } } +/* Download drop */ + +.download-drop { + width: unset; + + .download-drop-item { + padding: 10px 20px; + margin: 0 4px; + border-radius: @general-download-from-border-radius; + + &:hover { + background: @general-download-from-background-color; + } + } +} + .uk-tab { & > li.uk-active > a.featuredTab, & > * > a.featuredTab { color: @general-tab-featured-tab !important; @@ -246,6 +270,25 @@ noscript, ol, section, table, tfoot, ul, video; } } +/* General Icons */ +.open-access { + color: @open-access-color; +} + +.closed-access { + color: @close-access-color; +} + +.text-usage-counts:extend(.uk-text-background), +a:hover .text-usage-counts-hover:extend(.uk-text-background) { + background-image: @usage-counts-icon-gradient; +} + +.bip-icon, a:hover .bip-icon-hover { + color: @bip-color; +} + + /* Social buttons */ .twitter { &, &:hover { diff --git a/less/landing.less b/less/landing.less index adcbe79..9dab633 100644 --- a/less/landing.less +++ b/less/landing.less @@ -41,12 +41,6 @@ @landing-tab-color-active: @landing-portal-color; @landing-tab-border-active: @landing-portal-color; -@landing-download-from-background: @global-background; -@landing-download-from-border-width: @global-border-width; -@landing-download-from-border: @global-border; -@landing-download-from-border-radius: @global-border-radius; -@landing-download-from-background-color: @ciel-color; - @landing-card-tab-border-radius: @global-border-radius; @landing-card-tab-border-width: 5px; @@ -60,9 +54,9 @@ @landing-metrics-grip-gap: 80px; .landing { - #landing-center-content { - min-height: @landing-sidebar-height; - } + #landing-center-content { + min-height: @landing-sidebar-height; + } #landing-left-sidebar { width: @landing-left-sidebar-width; @@ -170,101 +164,68 @@ z-index: @landing-z-index + 1; } - .download-from > * { - background-color: @landing-download-from-background; - border: @landing-download-from-border-width solid @landing-download-from-border; - border-radius: @landing-download-from-border-radius; - } - .card-tab { border-radius: @landing-card-tab-border-radius; border-left: @landing-card-tab-border-width solid @landing-section-separator; } - .landing-action-bar { - padding: @landing-action-bar-padding; - border-radius: @landing-action-bar-border-radius; - border: @landing-portal-color solid @landing-action-bar-border-width; - .landing-action-bar-grid-gap { - grid-gap: @landing-action-bar-grid-gap; - } - .landing-action-button-orcid { - icon { - color: @landing-action-button-orcid-color; - } - &.uk-disabled { - color: @landing-action-button-orcid-disabled-color; - icon { - color: @landing-action-button-orcid-disabled-color; - } - } - } - } + .landing-action-bar { + padding: @landing-action-bar-padding; + border-radius: @landing-action-bar-border-radius; + border: @landing-portal-color solid @landing-action-bar-border-width; - .landing-action-bar-divider { - background: @disable-color; - width: @landing-action-bar-divider-width; - height: @landing-action-bar-divider-height; - } + .landing-action-bar-grid-gap { + grid-gap: @landing-action-bar-grid-gap; + } + } - // TODO: when we get there - .landing-action-bar-mobile { - position: fixed; - bottom: 0; - left: 0; - right: 0; - z-index: @global-z-index - 20; - & > div { - padding: 10px 20px; - border-top: @landing-action-bar-border-width solid lightgrey; - } - } - // ---------------------- + .landing-action-bar-divider { + background: @disable-color; + width: @landing-action-bar-divider-width; + height: @landing-action-bar-divider-height; + } - .download-drop { - width: unset; - .download-drop-item { - padding: 10px 20px; - margin: 0 4px; - border-radius: @landing-download-from-border-radius; - &:hover { - background: @landing-download-from-background-color; - } - } - } + // TODO: when we get there + .landing-action-bar-mobile { + position: fixed; + bottom: 0; + left: 0; + right: 0; + z-index: @global-z-index - 20; - .landing-metrics-overview { - grid-gap: @landing-metrics-grip-gap; - } - .landing-metrics-card { - background-image: url("../metrics-bg.svg"); - background-repeat: no-repeat; - background-size: cover; - } + & > div { + padding: 10px 20px; + border-top: @landing-action-bar-border-width solid lightgrey; + } + } - // To be moved? - .open-access { - color: @open-access-color; - } - .bip-icon { - color: @bip-color; - } + .landing-metrics-overview { + grid-gap: @landing-metrics-grip-gap; + } + .landing-metrics-card { + background-image: url("../metrics-bg.svg"); + background-repeat: no-repeat; + background-size: cover; + } - // rules for overriding styles of altmetrics embedded library - .altmetric-embed { - position: relative !important; - z-index: 1 !important; - } - .altmetric-normal-legend { - margin: 0 40px 0 0 !important; - .altmetric-see-more-details { - display: none !important; - } - } - .altmetric-popover-content { - background-color: unset !important; - font-size: unset !important; - font-family: unset !important; - } + // rules for overriding styles of altmetrics embedded library + .altmetric-embed { + position: relative !important; + z-index: 1 !important; + } + + .altmetric-normal-legend { + margin: 0 40px 0 0 !important; + + .altmetric-see-more-details { + display: none !important; + } + } + + .altmetric-popover-content { + background-color: unset !important; + font-size: unset !important; + font-family: unset !important; + } } From 1afeb876a14f86893bdfc856c55d6175c213ea30 Mon Sep 17 00:00:00 2001 From: "k.triantafyllou" Date: Mon, 20 Feb 2023 17:12:08 +0200 Subject: [PATCH 11/18] Remove width from dropdown-drop --- less/general.less | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/less/general.less b/less/general.less index c7a16cb..8cefe0e 100644 --- a/less/general.less +++ b/less/general.less @@ -19,7 +19,7 @@ @general-search-form-background-position: center bottom; @general-download-from-border-radius: @global-border-radius; -@general-download-from-background-color: @ciel-color; +@general-download-from-background-color-hover: @ciel-color; @general-tab-featured-tab: @global-primary-background; @@ -217,7 +217,6 @@ noscript, ol, section, table, tfoot, ul, video; /* Download drop */ .download-drop { - width: unset; .download-drop-item { padding: 10px 20px; @@ -225,7 +224,7 @@ noscript, ol, section, table, tfoot, ul, video; border-radius: @general-download-from-border-radius; &:hover { - background: @general-download-from-background-color; + background: @general-download-from-background-color-hover; } } } From 178c6a1078e36b9cd425f7011ddf1a93fbce7baf Mon Sep 17 00:00:00 2001 From: "k.triantafyllou" Date: Wed, 22 Feb 2023 14:44:14 +0200 Subject: [PATCH 12/18] Add truncated class in general --- less/general.less | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/less/general.less b/less/general.less index 8cefe0e..5180d79 100644 --- a/less/general.less +++ b/less/general.less @@ -54,6 +54,10 @@ main { content: '\00A0'; } +.truncated:after { + content: '...'; +} + /* Visually hidden (for icons) */ .visually-hidden { border: 0 !important; @@ -229,6 +233,7 @@ noscript, ol, section, table, tfoot, ul, video; } } +/* Feature tab */ .uk-tab { & > li.uk-active > a.featuredTab, & > * > a.featuredTab { color: @general-tab-featured-tab !important; From 3d370609f6ac4d415b0f8dfb1427ba5eb559446c Mon Sep 17 00:00:00 2001 From: Alex Martzios Date: Tue, 28 Mar 2023 11:37:11 +0300 Subject: [PATCH 13/18] add another option for multi-line-ellipsis lines --- less/general.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/less/general.less b/less/general.less index 5180d79..af42482 100644 --- a/less/general.less +++ b/less/general.less @@ -148,7 +148,7 @@ canvas, dl, dd, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hr, li, main, nav, noscript, ol, section, table, tfoot, ul, video; -@lines: 1, 2, 3, 10; +@lines: 1, 2, 3, 5, 10; .multi-line-ellipsis { & > * { From 8f1f64fc06c904a7f628672417e4a0186348902e Mon Sep 17 00:00:00 2001 From: "k.triantafyllou" Date: Fri, 21 Apr 2023 12:50:56 +0300 Subject: [PATCH 14/18] Landing: Add grid divider for ladning-action-bar --- less/landing.less | 14 ++++---------- 1 file changed, 4 insertions(+), 10 deletions(-) diff --git a/less/landing.less b/less/landing.less index 9dab633..4101fdf 100644 --- a/less/landing.less +++ b/less/landing.less @@ -48,8 +48,6 @@ @landing-action-bar-grid-gap: 20px; @landing-action-bar-border-width: @global-border-width; @landing-action-bar-border-radius: @global-small-border-radius; -@landing-action-bar-divider-width: @global-border-width; -@landing-action-bar-divider-height: 15px; @landing-metrics-grip-gap: 80px; @@ -174,17 +172,13 @@ border-radius: @landing-action-bar-border-radius; border: @landing-portal-color solid @landing-action-bar-border-width; - .landing-action-bar-grid-gap { - grid-gap: @landing-action-bar-grid-gap; + & .uk-grid-divider > :not(.uk-first-column)::before { + border-color: @disable-color; + top: 4px; + bottom: 4px; } } - .landing-action-bar-divider { - background: @disable-color; - width: @landing-action-bar-divider-width; - height: @landing-action-bar-divider-height; - } - // TODO: when we get there .landing-action-bar-mobile { position: fixed; From 2cf37e137168bad4b9cf20c227a38a6ba0e0f704 Mon Sep 17 00:00:00 2001 From: Alex Martzios Date: Tue, 25 Apr 2023 13:11:34 +0300 Subject: [PATCH 15/18] clean up FoS vocabulary --- vocabulary/fos.json | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/vocabulary/fos.json b/vocabulary/fos.json index 5170296..0a247a0 100644 --- a/vocabulary/fos.json +++ b/vocabulary/fos.json @@ -74,7 +74,7 @@ { "code": "010303", "id": "010303 astronomy & astrophysics", - "label": "010303 astronomy & astrophysics", + "label": "astronomy & astrophysics", "level": 3 }, { @@ -110,7 +110,7 @@ { "code": "010309", "id": "010309 optics", - "label": "010309 optics", + "label": "optics", "level": 3 } ] @@ -290,7 +290,7 @@ { "code": "0202", "id": "0202 electrical engineering, electronic engineering, information engineering", - "label": "0202 electrical engineering, electronic engineering, information engineering", + "label": "electrical engineering, electronic engineering, information engineering", "level": 2, "children": [ { @@ -1086,7 +1086,7 @@ { "code": "0501", "id": "0501 psychology and cognitive sciences", - "label": "0501 psychology and cognitive sciences", + "label": "psychology and cognitive sciences", "level": 2, "children": [ { From 7d6932d363c461913123b59cf196c41a1a288c34 Mon Sep 17 00:00:00 2001 From: "konstantina.galouni" Date: Mon, 8 May 2023 17:10:51 +0300 Subject: [PATCH 16/18] [Library | explore-redesign]: Added/ updated how filters appear in mobile screens | Updated search forms. 1. general.less: Added fixed position for .filters-toggle-button. 2. newSearchPage.component.html: Added floating button for filters in mobile screens. 3. advancedSearchForm.component.html: Re-introduced commented out inside | Removed iconPosition and commented button for filters inside search form. 4. home.module.ts: Imported SearchInputModule. 5. home.component.html: Replaced with
6. searchDataProviders.component.ts: Set entitiesSelection to false for 7. newSearchPage.component.ts & searchAll.component.html: Set entitiesSelection to false for --- less/general.less | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/less/general.less b/less/general.less index af42482..ed4951e 100644 --- a/less/general.less +++ b/less/general.less @@ -329,6 +329,13 @@ a:hover .text-usage-counts-hover:extend(.uk-text-background) { } } +.filters-toggle-button { + position: fixed; + bottom: 5vh; + right: 5vw; + z-index: @global-z-index - 20; +} + @inverse-general-custom-external-color: @global-inverse-color; .hook-inverse() { From 4906712fb9b0abcdc61cceecd8e6b01910222211 Mon Sep 17 00:00:00 2001 From: "konstantina.galouni" Date: Tue, 4 Jul 2023 19:12:34 +0300 Subject: [PATCH 17/18] [Library & common-assets | explore-redesign]: addThis.component.ts: Replaced addthis external library with addtoany - addthis is no longer supported | general.less: css for addtoany social icons (classes .fully_rounded .a2a_svg). --- less/general.less | 2 ++ 1 file changed, 2 insertions(+) diff --git a/less/general.less b/less/general.less index ed4951e..d2723ba 100644 --- a/less/general.less +++ b/less/general.less @@ -336,6 +336,8 @@ a:hover .text-usage-counts-hover:extend(.uk-text-background) { z-index: @global-z-index - 20; } +.fully_rounded .a2a_svg { border-radius: 50% !important; } + @inverse-general-custom-external-color: @global-inverse-color; .hook-inverse() { From 63c54c7db30bd6fbad6867656a8cb12e319e2f66 Mon Sep 17 00:00:00 2001 From: "k.triantafyllou" Date: Thu, 6 Jul 2023 16:30:04 +0300 Subject: [PATCH 18/18] Landing tabs: Add border-left and radius-left, reduce gutter between sections and align section content with Tab name. --- less/landing.less | 18 +++++++++++++----- 1 file changed, 13 insertions(+), 5 deletions(-) diff --git a/less/landing.less b/less/landing.less index 4101fdf..130daeb 100644 --- a/less/landing.less +++ b/less/landing.less @@ -32,10 +32,14 @@ @landing-section-min-height: 60vh; @landing-section-border-width: 3px; +@landing-section-gutter-vertical: @global-large-gutter; +@landing-section-gutter-horizontal: @global-small-margin; @landing-section-separator: fade(@landing-portal-color, @global-opacity); @landing-tab-background: @global-muted-background; -@landing-tab-border-width: 4px; +@landing-tab-border-horizontal-width: @global-border-width; +@landing-tab-border-horizontal: @global-border; +@landing-tab-border-top-width: 4px; @landing-tab-border-radius: @global-small-border-radius; @landing-tab-background-active: @global-background; @landing-tab-color-active: @landing-portal-color; @@ -89,10 +93,10 @@ #landing-sections { .landing-section { - padding-bottom: 80px; + padding: (@landing-section-gutter-vertical/2) @landing-section-gutter-horizontal @landing-section-gutter-vertical @landing-section-gutter-horizontal; &:not(:first-child) { - margin-top: 80px; + margin-top: @landing-section-gutter-vertical; } &:not(.landing-section-height-auto) { @@ -141,16 +145,20 @@ .landing-tab:extend(.uk-text-small) { background: @landing-tab-background; border-radius: @landing-tab-border-radius; + border-left: @border-width; & .uk-tab { & > * > a { border-bottom: none; - border-top: @landing-tab-border-width solid transparent; + border-left: @landing-tab-border-horizontal-width solid @landing-tab-border-horizontal; + border-right: @landing-tab-border-horizontal-width solid @landing-tab-border-horizontal; + border-top: @landing-tab-border-top-width solid transparent; } & > .uk-active > a { - border-color: @landing-tab-border-active; + border-radius: @landing-tab-border-radius 0 0 0; + border-top: @landing-tab-border-top-width solid @landing-tab-border-active; background: @landing-tab-background-active; color: @landing-tab-color-active; position: relative;