portal-oddajanje-solar/static/css/history.scss

108 lines
2.1 KiB
SCSS
Raw Normal View History

2021-11-16 17:45:20 +00:00
@import "slovenscina-elements.scss";
.history-item {
background:white;
2021-11-26 12:50:32 +00:00
min-height:2.875rem;
max-height:2.875rem;
2021-11-16 17:45:20 +00:00
padding:1rem 1.5rem;
position:relative;
2021-12-13 20:01:28 +00:00
transition: max-height 1s ease-out;
cursor:pointer;
2022-01-04 17:36:42 +00:00
overflow:hidden;
2021-12-13 20:01:28 +00:00
.history-item-chevron {
position:absolute;
bottom:1rem;
right:1rem;
}
2021-11-16 17:45:20 +00:00
.history-item-date {
text-transform: uppercase;
display: inline-block;
color:$grey-dark;
line-height: 1rem;
font-weight: 400;
font-size:0.875rem;
}
.history-item-uploader {
display: inline-block;
padding-left:1rem;
margin-left:1rem;
border-left: 1px solid $grey-dark;
color:$grey-dark;
line-height: 1rem;
font-weight: 400;
font-size:0.875rem;
}
.history-item-filecount {
2021-12-04 17:49:20 +00:00
position:absolute;
top:1rem;
right:1rem;
2021-11-16 17:45:20 +00:00
color:$blue;
line-height: 1rem;
font-weight: 400;
font-size:0.875rem;
}
.history-item-desc {
position:absolute;
bottom:1rem;
font-style: normal;
font-weight: normal;
font-size: 1rem;
line-height: 1.25rem;
color:$black;
}
2021-11-26 12:50:32 +00:00
.history-item-desc-full {
display: none;
2021-12-04 17:49:20 +00:00
margin-top:1rem;
}
.history-item-files-full {
display: none;
.file-item {
position:relative;
height:3.125rem;
border-bottom: 1px solid $grey-dark;
2022-02-12 15:38:34 +00:00
&:last-child {
border-bottom:none;
}
2021-12-04 17:49:20 +00:00
.file-icon {
position:absolute;
width:1.5rem;
height:1.5rem;
left:0;
top:1rem;
}
.file-name {
position:absolute;
left:3rem;
top:1rem;
2021-12-15 20:23:26 +00:00
color:$black;
text-decoration: none;
cursor:pointer;
&:hover {
text-decoration: underline;
}
2021-12-04 17:49:20 +00:00
}
}
2021-11-26 12:50:32 +00:00
}
&.open {
2021-12-13 20:01:28 +00:00
max-height: 20rem;
2021-11-26 12:50:32 +00:00
.history-item-date {display:block;}
.history-item-uploader {
display:block;
padding-left:0;
margin-left:0;
border-left: none;
}
.history-item-desc {
display: none;
}
.history-item-desc-full {
display: block;
}
2021-12-04 17:49:20 +00:00
.history-item-files-full {
display: block;
}
2021-12-13 20:01:28 +00:00
.history-item-chevron {
transform:rotate(180deg);
}
2021-11-26 12:50:32 +00:00
}
2021-11-16 17:45:20 +00:00
}