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 {
border-color: $secondary-color;
}
&.inactive {
color: $light-gray;
border-color: $light-gray;
cursor: not-allowed ;
&:hover {
background-color: unset;
}
}
}
.hero {
button,.button {

View File

@ -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 {