server/apps/files_sharing/css/public.css
Raghu Nayyar d56072cf2e Merge pull request #8255 from owncloud/fix-public-download-button
keep long file names in one line to not overflow download button on mobile
2014-04-22 15:44:29 +05:30

103 lines
1.4 KiB
CSS

#controls {
left: 0;
}
#preview {
background: #fff;
text-align: center;
margin: 45px auto 0;
min-height: 150px;
}
#preview .notCreatable {
display: none;
}
#noPreview {
display:none;
padding-top:80px;
}
footer {
margin-top: 65px;
}
p.info {
color: #777;
text-align: center;
margin: 0 auto;
padding: 20px 0;
}
p.info a {
color:#777;
font-weight:700;
}
#imgframe {
height:75%;
padding-bottom:32px;
padding-top:32px;
width:80%;
margin:0 auto;
}
#imgframe img,
#imgframe video {
max-height:100%;
max-width:100%;
}
/* some margin for the file type icon */
#imgframe .publicpreview {
margin-top: 10%;
}
thead {
padding-left: 0 !important; /* fixes multiselect bar offset on shared page */
}
#data-upload-form {
position: relative;
right: 0;
height: 32px;
overflow: hidden;
padding: 0;
float: right;
display: inline;
margin: 0;
}
.directDownload,
.directLink {
margin-bottom: 20px;
}
/* keep long file names in one line to not overflow download button on mobile */
.directDownload #download {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 90%;
display: inline-block;
margin-left: auto;
margin-right: auto;
}
.directDownload .button img {
vertical-align: text-bottom;
}
.directLink label {
font-weight: normal;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
opacity: .5;
}
.directLink input {
margin-left: 5px;
width: 300px;
max-width: 90%;
}