diff --git a/asset/scss/components/_buttons.scss b/asset/scss/components/_buttons.scss index 92f0600..57d7daa 100644 --- a/asset/scss/components/_buttons.scss +++ b/asset/scss/components/_buttons.scss @@ -23,6 +23,14 @@ button,.button { &.secondary { border-color: $secondary-color; } + &.inactive { + color: $light-gray; + border-color: $light-gray; + cursor: not-allowed ; + &:hover { + background-color: unset; + } + } } .hero { button,.button { diff --git a/asset/scss/global/_omeka.scss b/asset/scss/global/_omeka.scss index 82f11cd..beff39b 100644 --- a/asset/scss/global/_omeka.scss +++ b/asset/scss/global/_omeka.scss @@ -322,12 +322,12 @@ body.vertical-menu header .desktop { } .browse-control-mobile { - // display: none; - // - // @include breakpoint(small down) { - // display: inline-block; + display: none; + + @include breakpoint(small down) { + display: inline-block; // float: right; - // } + } } .browse-toggle { @@ -355,9 +355,9 @@ body.vertical-menu header .desktop { } .browse-controls { - // @include xy-grid; - // justify-content: space-between; - // align-items: center; + @include xy-grid; + justify-content: space-between; + align-items: center; // margin: 0 (-.5 * $global-margin); // font-size: .875 * $global-font-size; // @@ -373,19 +373,19 @@ body.vertical-menu header .desktop { // margin-right: .5 * $global-margin; // } // - // @include breakpoint(small down) { + @include breakpoint(small down) { // margin: 0; - // display: none; - // - // &.open { - // display: flex; - // align-items: stretch; - // } - // - // &.closed { - // display: none; - // } - // + display: none; + + &.open { + display: flex; + align-items: stretch; + } + + &.closed { + display: none; + } + // .sorting, // .omeka-pagination, // .advanced-search { @@ -395,7 +395,14 @@ body.vertical-menu header .desktop { // .advanced-search { // order: 3; // } - // } + } + .button-group { + margin-bottom: 0; + } + button,.button{ + font-size: $global-font-size * 0.9; + padding: $global-padding*0.7 $global-padding*1.7; + } } .filter { @@ -507,20 +514,20 @@ body.vertical-menu header .desktop { } .omeka-pagination { - // @include breakpoint(medium) { - // @include xy-cell(4); - // } + @include breakpoint(medium) { + @include xy-cell(); + } } .omeka-pagination, .omeka-pagination form { - // display: flex; - // align-items: center; + display: flex; + align-items: center; } .omeka-pagination .button-group { - // flex-wrap: nowrap; - // flex-grow: 0; + flex-wrap: nowrap; + flex-grow: 0; } .omeka-pagination form, @@ -538,13 +545,13 @@ body.vertical-menu header .desktop { } .sorting { - // display: flex; + display: flex; } .sorting select { - // width: 100%; - // height: 100%; - // margin-bottom: 0; + width: 100%; + height: 100%; + margin-bottom: 0; } .sorting button {