upstream/nextcloud
1
0
Fork 0
mirror of https://github.com/nextcloud/server.git synced 2026-05-28 04:32:30 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 25

improve ellipsis of filename for different screen sizes

Browse source
This commit is contained in:
Morris Jobke 2014-06-08 17:48:53 +02:00
parent f3a605230a
commit e3429b63a2
2 changed files with 28 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

46
apps/files/css/files.css
View file

@ -292,40 +292,46 @@ table td.filename .nametext .innernametext {
@media only screen and (min-width: 1366px) {
table td.filename .nametext .innernametext {
max-width: 650px;
max-width: 760px;
}
table tr:hover td.filename .nametext .innernametext {
max-width: 480px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
table td.filename .nametext .innernametext {
max-width: 450px;
max-width: 600px;
}
table tr:hover td.filename .nametext .innernametext {
max-width: 320px;
}
}
@media only screen and (min-width: 1000px) and (max-width: 1200px) {
table td.filename .nametext .innernametext {
max-width: 270px;
}
}
@media only screen and (min-width: 900px) and (max-width: 1000px) {
table td.filename .nametext .innernametext {
max-width: 210px;
}
}
@media only screen and (min-width: 768px) and (max-width: 900px) {
table td.filename .nametext span:not(.extension) {
max-width: 200px;
}
}
@media only screen and (max-width: 768px) {
table td.filename .nametext .innernametext {
max-width: 400px;
}
table tr:hover td.filename .nametext .innernametext {
max-width: 120px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1000px) {
table td.filename .nametext .innernametext {
max-width: 320px;
}
table tr:hover td.filename .nametext .innernametext {
max-width: 40px;
}
}
/* for smaller resolutions - see mobile.css */
table td.filename .uploadtext { font-weight:normal; margin-left:8px; }
table td.filename form { font-size:14px; margin-left:48px; margin-right:48px; }

7
apps/files/css/mobile.css
View file

@ -50,11 +50,8 @@ table td.filename .nametext {
}
/* ellipsis on file names */
.nametext {
width: 60%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
table td.filename .nametext .innernametext {
max-width: 75%;
}
/* proper notification area for multi line messages */