diff --git a/web/app/themes/mitlib-parent/css/scss/partials/_locations.scss b/web/app/themes/mitlib-parent/css/scss/partials/_locations.scss index 415e6132..e7432c60 100644 --- a/web/app/themes/mitlib-parent/css/scss/partials/_locations.scss +++ b/web/app/themes/mitlib-parent/css/scss/partials/_locations.scss @@ -74,6 +74,44 @@ } } +// The 2021 location template adjusts column widths because the sidebar is not +// loaded. +.locationPage.page-template-page-location-2021 { + // This matches the left-margin that is used throughout the site. + .main-content { + padding-right: 27.5px; + } + .tab { + .first { + @include bp-tablet--portrait { + width: 33%; + } + } + .second { + max-width: 540px; + @include bp-tablet--portrait { + width: 66%; + } + + .featured-location { + margin-top: 36px; + + // This overrides default .alignleft styling which has 1em top + // margin. + img.alignleft { + margin-top: 0; + } + } + } + } + // This repeats a media-queried rule from _tabs.scss, for all screens. + .tabcontent { + border-top: 1px solid #dedede; + padding-top: 20px; + clear: both; + } +} + .page-locations { .location-name { padding-bottom: 15px; @@ -274,6 +312,18 @@ } /* ---- Responsive Styles ---- */ +@media screen and (max-width: 820px) { + .page-template-page-location-2021 { + .second { + .featured-location { + .alignleft { + float: inherit; + } + } + } + } +} + @media screen and (min-width: 569px) and (max-width: 820px) { .locationPage { .profile-content {