added styles for inactive buttons

This commit is contained in:
jorge 2021-07-27 15:52:40 +02:00
parent 8282977921
commit 326870ac1c
3 changed files with 48 additions and 33 deletions

File diff suppressed because one or more lines are too long

View File

@ -23,6 +23,14 @@ button,.button {
&.secondary { &.secondary {
border-color: $secondary-color; border-color: $secondary-color;
} }
&.inactive {
color: $light-gray;
border-color: $light-gray;
cursor: not-allowed ;
&:hover {
background-color: unset;
}
}
} }
.hero { .hero {
button,.button { button,.button {

View File

@ -322,12 +322,12 @@ body.vertical-menu header .desktop {
} }
.browse-control-mobile { .browse-control-mobile {
// display: none; display: none;
//
// @include breakpoint(small down) { @include breakpoint(small down) {
// display: inline-block; display: inline-block;
// float: right; // float: right;
// } }
} }
.browse-toggle { .browse-toggle {
@ -355,9 +355,9 @@ body.vertical-menu header .desktop {
} }
.browse-controls { .browse-controls {
// @include xy-grid; @include xy-grid;
// justify-content: space-between; justify-content: space-between;
// align-items: center; align-items: center;
// margin: 0 (-.5 * $global-margin); // margin: 0 (-.5 * $global-margin);
// font-size: .875 * $global-font-size; // font-size: .875 * $global-font-size;
// //
@ -373,19 +373,19 @@ body.vertical-menu header .desktop {
// margin-right: .5 * $global-margin; // margin-right: .5 * $global-margin;
// } // }
// //
// @include breakpoint(small down) { @include breakpoint(small down) {
// margin: 0; // margin: 0;
// display: none; display: none;
//
// &.open { &.open {
// display: flex; display: flex;
// align-items: stretch; align-items: stretch;
// } }
//
// &.closed { &.closed {
// display: none; display: none;
// } }
//
// .sorting, // .sorting,
// .omeka-pagination, // .omeka-pagination,
// .advanced-search { // .advanced-search {
@ -395,7 +395,14 @@ body.vertical-menu header .desktop {
// .advanced-search { // .advanced-search {
// order: 3; // 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 { .filter {
@ -507,20 +514,20 @@ body.vertical-menu header .desktop {
} }
.omeka-pagination { .omeka-pagination {
// @include breakpoint(medium) { @include breakpoint(medium) {
// @include xy-cell(4); @include xy-cell();
// } }
} }
.omeka-pagination, .omeka-pagination,
.omeka-pagination form { .omeka-pagination form {
// display: flex; display: flex;
// align-items: center; align-items: center;
} }
.omeka-pagination .button-group { .omeka-pagination .button-group {
// flex-wrap: nowrap; flex-wrap: nowrap;
// flex-grow: 0; flex-grow: 0;
} }
.omeka-pagination form, .omeka-pagination form,
@ -538,13 +545,13 @@ body.vertical-menu header .desktop {
} }
.sorting { .sorting {
// display: flex; display: flex;
} }
.sorting select { .sorting select {
// width: 100%; width: 100%;
// height: 100%; height: 100%;
// margin-bottom: 0; margin-bottom: 0;
} }
.sorting button { .sorting button {