mirror of
https://github.com/nextcloud/server.git
synced 2026-04-21 14:23:17 -04:00
Adds multiple media queries for filename.
This commit is contained in:
parent
1d1f958bea
commit
d71bb7dbe4
1 changed files with 37 additions and 1 deletions
|
|
@ -286,12 +286,48 @@ table td.filename .nametext {
|
|||
}
|
||||
|
||||
table td.filename .nametext span:not(.extension) {
|
||||
max-width: 300px;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1366px) {
|
||||
table td.filename .nametext span:not(.extension) {
|
||||
max-width: 650px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
|
||||
table td.filename .nametext span:not(.extension) {
|
||||
max-width: 450px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1000px) and (max-width: 1200px) {
|
||||
table td.filename .nametext span:not(.extension) {
|
||||
max-width: 270px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 900px) and (max-width: 1000px) {
|
||||
table td.filename .nametext span:not(.extension) {
|
||||
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 span:not(.extension) {
|
||||
max-width: 400px;
|
||||
}
|
||||
}
|
||||
|
||||
table td.filename .uploadtext { font-weight:normal; margin-left:8px; }
|
||||
table td.filename form { font-size:14px; margin-left:48px; margin-right:48px; }
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue