Skip to content

Commit

Permalink
Clean up styles.
Browse files Browse the repository at this point in the history
  • Loading branch information
@EreMaijala
EreMaijala committed Sep 28, 2023
1 parent ab42cb3 commit 0871e43
Showing 1 changed file with 73 additions and 215 deletions.
288 changes: 73 additions & 215 deletions themes/finna2/less/finna/organisation-info.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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 {
Expand Down Expand Up @@ -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 {
Expand Down Expand Up @@ -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) {
Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -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 {
Expand Down

0 comments on commit 0871e43

Please sign in to comment.