From 0871e4323efeacb62a9db2137d2c345b6d2cdad0 Mon Sep 17 00:00:00 2001 From: Ere Maijala Date: Thu, 28 Sep 2023 15:30:54 +0300 Subject: [PATCH] Clean up styles. --- .../finna2/less/finna/organisation-info.less | 288 +++++------------- 1 file changed, 73 insertions(+), 215 deletions(-) diff --git a/themes/finna2/less/finna/organisation-info.less b/themes/finna2/less/finna/organisation-info.less index 9546d0636cb..113dccc9b5b 100644 --- a/themes/finna2/less/finna/organisation-info.less +++ b/themes/finna2/less/finna/organisation-info.less @@ -50,11 +50,79 @@ margin: 0; } - #opening_times_selection { - margin-bottom: 5px; - max-width: ~"-webkit-calc(100% - 70px)"; - max-width: ~"-moz-calc(100% - 70px)"; - max-width: ~"calc(100% - 70px)"; + .opening-times-week { + display: flex; + flex-flow: column nowrap; + font-size: 1.0em; + width: 100%; + margin-bottom: 20px; + @media (max-width: @screen-sm-max) { + max-width: @organisation-info-max-w; + } + .date-rows { + padding: 5px; + &:not(:last-child) { + border-bottom: 1px solid @gray-lighter; + } + &.today { + background: @gray-lighter; + font-weight: bold; + } + &.museum { + .time-row { + .date-container { + display: none; + } + } + } + + .time-row { + display: flex; + flex-flow: row nowrap; + gap: 4px; + width: 100%; + line-height: 1.26em; + + &.sub-row { + padding-top: 3px; + color: @gray-light; + font-size: .94em; + } + + .date-container { + flex: 1 0 20%; + display: flex; + flex-flow: nowrap; + padding-right: 5px; + .name { + padding-left: 5px; + } + } + .description { + flex: 1 1 60%; + display: flex; + padding-left: 10px; + + .info { + padding-left: 10px; + } + } + .time-container { + flex: 1 0 20%; + display: flex; + flex-flow: nowrap; + .period, .closed-today { + width: 100%; + display: inline-flex; + justify-content: end; + gap: 2px; + } + } + } + .name.staff { + color: @gray-light; + } + } } .opening-times-library-information { @@ -469,14 +537,6 @@ margin-top: 10px; margin-bottom: 10px; } - .opening-times-week { - @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { - font-size: 1em; - td { - padding: 2px 3px; - } - } - } .feed-container { margin-bottom: 10px; .list-feed.with-image { @@ -664,80 +724,7 @@ font-weight: bold; } } - .opening-times-week { - display: flex; - flex-flow: column nowrap; - font-size: 1.0em; - width: 100%; - margin-bottom: 20px; - @media (max-width: @screen-sm-max) { - max-width: @organisation-info-max-w; - } - .date-rows { - padding: 5px; - &:not(:last-child) { - border-bottom: 1px solid @gray-lighter; - } - &.today { - background: @gray-lighter; - font-weight: bold; - } - &.museum { - .time-row { - .date-container { - display: none; - } - } - } - - .time-row { - display: flex; - flex-flow: row nowrap; - gap: 4px; - width: 100%; - line-height: 1.26em; - &.sub-row { - padding-top: 3px; - color: @gray-light; - font-size: .94em; - } - - .date-container { - flex: 1 0 20%; - display: flex; - flex-flow: nowrap; - padding-right: 5px; - .name { - padding-left: 5px; - } - } - .description { - flex: 1 1 60%; - display: flex; - padding-left: 10px; - - .info { - padding-left: 10px; - } - } - .time-container { - flex: 1 0 20%; - display: flex; - flex-flow: nowrap; - .period, .closed-today { - width: 100%; - display: inline-flex; - justify-content: end; - gap: 2px; - } - } - } - .name.staff { - color: @gray-light; - } - } - } } .facility-image { @media(max-width: @screen-sm-max) { @@ -830,103 +817,6 @@ h4 { margin: 0; } - .info { - .is-open { - font-size: 1.45em; - font-weight: bold; - float: right; - line-height: 1em; - margin-top: 0px; - margin-right: 3px; - } - h4 { - margin-bottom: 5px; - @media (max-width: @screen-sm-max) { - max-width: @organisation-info-max-w; - } - } - .schedules { - .no-schedules { - margin: 10px; - font-size: 1.1em; - font-weight: bold; - } - } - .opening-times-week { - display: flex; - flex-flow: column nowrap; - font-size: 1.0em; - width: 100%; - margin-bottom: 20px; - @media (max-width: @screen-sm-max) { - max-width: @organisation-info-max-w; - } - .date-rows { - padding: 5px; - &:not(:last-child) { - border-bottom: 1px solid @gray-lighter; - } - &.today { - background: @gray-lighter; - font-weight: bold; - } - &.museum { - .time-row { - .date-container { - display: none; - } - } - } - - .time-row { - display: flex; - flex-flow: row nowrap; - gap: 4px; - width: 100%; - line-height: 1.26em; - - &.sub-row { - padding-top: 3px; - color: @gray-light; - font-size: .94em; - } - - .date-container { - flex: 1 0 20%; - display: flex; - flex-flow: nowrap; - padding-right: 5px; - .name { - padding-left: 5px; - } - } - .description { - flex: 1 1 60%; - display: flex; - padding-left: 10px; - - .info { - padding-left: 10px; - } - } - .time-container { - flex: 1 0 20%; - display: flex; - flex-flow: nowrap; - .period, .closed-today { - width: 100%; - display: inline-flex; - justify-content: end; - gap: 2px; - } - } - } - .name.staff { - color: @gray-light; - } - } - } - } .facility-image { @media(max-width: @screen-sm-max) { float: left; @@ -964,38 +854,6 @@ margin-top: 5px; margin-bottom: 5px; } - .kirjastohakemisto-link { - margin-top: 10px; - } - .tooltip { - max-height: 400px; - overflow-y: auto; - overflow-x: hidden; - padding: 10px; - padding-top: 0; - .tooltip-inner { - border: 1px solid #D5D5D5; - margin-top: 5px; - box-shadow: 0 5px 15px -6px @gray; - } - .tooltip-arrow { - border-bottom-color: @link-color; - } - } - - &.with-details { - .info { - .opening-times-week { - max-width: @organisation-info-max-w; - } - h4 { - max-width: @organisation-info-max-w; - } - } - .js-week-navi { - max-width: @organisation-info-max-w; - } - } @media (min-width: @screen-md) { .info-col {