You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
129 lines
2.3 KiB
129 lines
2.3 KiB
#app-sidebar .detailFileInfoContainer { |
|
min-height: 50px; |
|
padding: 15px; |
|
} |
|
|
|
#app-sidebar .detailFileInfoContainer > div { |
|
clear: both; |
|
} |
|
|
|
|
|
#app-sidebar .mainFileInfoView .icon { |
|
display: inline-block; |
|
background-size: 16px 16px; |
|
} |
|
|
|
#app-sidebar .mainFileInfoView .permalink { |
|
padding: 6px 10px; |
|
vertical-align: top; |
|
opacity: .6; |
|
|
|
&:hover, |
|
&:focus { |
|
opacity: 1; |
|
} |
|
} |
|
#app-sidebar .mainFileInfoView .permalink-field>input { |
|
clear: both; |
|
width: 90%; |
|
} |
|
|
|
#app-sidebar .thumbnailContainer.large { |
|
margin-left: -15px; |
|
margin-right: -35px; /* 15 + 20 for the close button */ |
|
margin-top: -15px; |
|
} |
|
|
|
#app-sidebar .thumbnailContainer.large.portrait { |
|
margin: 0; /* if we don't fit the image anyway we give it back the margin */ |
|
} |
|
|
|
#app-sidebar .large .thumbnail { |
|
width:100%; |
|
display:block; |
|
background-repeat: no-repeat; |
|
background-position: center; |
|
background-size: 100%; |
|
float: none; |
|
margin: 0; |
|
height: auto; |
|
} |
|
|
|
#app-sidebar .large .thumbnail .stretcher { |
|
content: ''; |
|
display: block; |
|
padding-bottom: 56.25%; /* sets height of .thumbnail to 9/16 of the width */ |
|
} |
|
|
|
#app-sidebar .large.portrait .thumbnail { |
|
background-position: 50% top; |
|
} |
|
|
|
#app-sidebar .large.portrait .thumbnail { |
|
background-size: contain; |
|
} |
|
|
|
#app-sidebar .large.text { |
|
overflow-y: scroll; |
|
overflow-x: hidden; |
|
padding-top: 14px; |
|
font-size: 80%; |
|
margin-left: 0; |
|
} |
|
|
|
#app-sidebar .thumbnail { |
|
width: 100%; |
|
min-height: 75px; |
|
display: inline-block; |
|
float: left; |
|
margin-right: 10px; |
|
background-size: contain; |
|
background-repeat: no-repeat; |
|
} |
|
|
|
#app-sidebar .ellipsis { |
|
white-space: nowrap; |
|
text-overflow: ellipsis; |
|
overflow: hidden; |
|
} |
|
|
|
#app-sidebar .fileName { |
|
font-size: 16px; |
|
padding-top: 13px; |
|
padding-bottom: 3px; |
|
} |
|
|
|
#app-sidebar .fileName h3 { |
|
width: calc(100% - 42px); /* 36px is the with of the copy link icon, but this breaks so we add some more to be sure */ |
|
display: inline-block; |
|
padding: 5px 0; |
|
margin: -5px 0; |
|
} |
|
|
|
#app-sidebar .file-details { |
|
color: var(--color-text-maxcontrast); |
|
} |
|
|
|
#app-sidebar .action-favorite { |
|
vertical-align: sub; |
|
padding: 10px; |
|
margin: -10px; |
|
} |
|
|
|
#app-sidebar .action-favorite > span{ |
|
opacity: .7 !important; |
|
} |
|
|
|
#app-sidebar .detailList { |
|
float: left; |
|
} |
|
|
|
#app-sidebar .close { |
|
position: absolute; |
|
top: 0; |
|
right: 0; |
|
opacity: .5; |
|
z-index: 1; |
|
width: 44px; |
|
height: 44px; |
|
}
|
|
|