diff --git a/src/patterns/04-components/view/_view.scss b/src/patterns/04-components/view/_view.scss index b28a23f6f0c0ab339b52c781553ffa6e0cf13229..c8c7ec50be3503a84975500e4fcb9ed7fdf91b4b 100644 --- a/src/patterns/04-components/view/_view.scss +++ b/src/patterns/04-components/view/_view.scss @@ -73,7 +73,6 @@ $sidebar-width: 18.75rem; } &-content { grid-column: 1 / 2; - grid-row: 2 / 3; width: 100%; .views-row{ width: 100%; @@ -81,7 +80,6 @@ $sidebar-width: 18.75rem; } &-content--message { grid-column: 1 / 2; - grid-row: 2 / 3; margin: 0; position: relative; z-index: 2; @@ -93,7 +91,6 @@ $sidebar-width: 18.75rem; &-pager{ align-self: flex-end; grid-column: 1 / 2; - grid-row: 2 / 3; margin-bottom: var(--grid-gap); margin-top: var(--grid-gap); width: 100%; @@ -128,14 +125,13 @@ $sidebar-width: 18.75rem; overflow: hidden; width: 0; @media(min-width: $screen-lg) { - grid-row: 2 / 4; + grid-row: 1 / 4; height: inherit; overflow: hidden; width: inherit; } &:target { grid-column: 1 / 2; - grid-row: 1 / 2; height: 100%; margin-top: -3.5rem; overflow: inherit; @@ -164,12 +160,10 @@ $sidebar-width: 18.75rem; @include uw-flex-grid(); align-self: flex-start; grid-column: 1 / 2; - grid-row: 1 / 2; &--message{ align-self: flex-start; display: block; grid-column: 1 / 2; - grid-row: 1 / 2; } } }