arcHIVE-tech/Arc-hive-omeka-theme
arcHIVE-tech
/
Arc-hive-omeka-theme
4
0
Fork 0
Code Issues 9 Pull Requests Projects Releases Wiki Activity

styled list collections accordion in mobile

This commit is contained in:
jorge 2022-03-22 18:40:50 +01:00
parent 1eeac2565d
commit 7ab2aaeec5
2 changed files with 85 additions and 85 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
asset/css/default.css
View File

File diff suppressed because one or more lines are too long

48
asset/scss/modules/_content.scss
View File

@ -240,29 +240,14 @@ main {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
} }
// accordion for colletions list
.accordion-item { .accordion-item {
&:not(.title).is-active { &:not(.title){
&.is-active {
background-color:$input-background; background-color:$input-background;
} }
}
.accordion-item.title li {
// @include xy-cell(3);
// @include xy-cell-offset(0);
//}
}
.accordion-title { .accordion-title {
&.title {
@include breakpoint(small){
li {
@include xy-cell(3);
@include xy-cell-offset(0);
&.title,&.curator,&.collection-name,&.date {
&::before {content: none;}
}
}
}
}
&:not(.title) {
@include breakpoint(small){ @include breakpoint(small){
li { li {
&.title, &.title,
@ -275,7 +260,6 @@ main {
&::before { &::before {
display: inline-block; display: inline-block;
color: $medium-gray; color: $medium-gray;
//font-size: $accordion-title-font-size;
position: absolute; position: absolute;
left:0; left:0;
} }
@ -295,12 +279,9 @@ main {
min-height:unset; min-height:unset;
&::before { &::before {
content: none; content: none;
// content:"";
} }
} }
&.title::before {content:"";}
&.curator::before {content:"";}
&.collection-name::before {content:"";}
&.date::before {content:"";}
&.title { &.title {
@include xy-cell(4); @include xy-cell(4);
} }
@ -318,6 +299,24 @@ main {
} }
} }
} }
&.title {
.accordion-title {
@include breakpoint(small){
li {
@include xy-cell(3);
@include xy-cell-offset(0);
&.title,&.curator,&.collection-name,&.date {
&::before {content: none;}
}
}
}
}
}
.accordion-title {
ul,ol {
margin: 0;
}
}
.accordion-content { .accordion-content {
padding-top: 0; padding-top: 0;
section { section {
@ -355,6 +354,7 @@ main {
} }
} }
} }
}
} }
// end collections category // end collections category