diff options
Diffstat (limited to 'apps/files/css/detailsView.css')
-rw-r--r-- | apps/files/css/detailsView.css | 130 |
1 files changed, 1 insertions, 129 deletions
diff --git a/apps/files/css/detailsView.css b/apps/files/css/detailsView.css index 972c40726ef..847a14a4322 100644 --- a/apps/files/css/detailsView.css +++ b/apps/files/css/detailsView.css @@ -1,129 +1 @@ -.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: 0.6; -} -.app-sidebar .mainFileInfoView .permalink:hover, .app-sidebar .mainFileInfoView .permalink: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: 0.7 !important; -} - -.app-sidebar .detailList { - float: left; -} - -.app-sidebar .close { - position: absolute; - top: 0; - right: 0; - opacity: 0.5; - z-index: 1; - width: 44px; - height: 44px; -} - -/*# sourceMappingURL=detailsView.css.map */ +.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}.app-sidebar .mainFileInfoView .permalink:hover,.app-sidebar .mainFileInfoView .permalink:focus{opacity:1}.app-sidebar .mainFileInfoView .permalink-field>input{clear:both;width:90%}.app-sidebar .thumbnailContainer.large{margin-left:-15px;margin-right:-35px;margin-top:-15px}.app-sidebar .thumbnailContainer.large.portrait{margin:0}.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%}.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);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}/*# sourceMappingURL=detailsView.css.map */ |