L-electron-Rare/moodle
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

MDL-64230 files: focus and hover css

Browse Source 
Show the full filename when an element has focus or hover on the parent element.
This commit is contained in:
Damyon Wiese
2019-03-08 14:48:50 +08:00
committed by Jun Pataleta
parent ed90e4d378
commit 71fb32f8a6
4 changed files with 40 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
theme/boost/scss/moodle/filemanager.scss
+12 -9
View File
@@ -186,9 +186,18 @@
position: absolute;
}
.fp-iconview .fp-filename-field:hover {
overflow: visible;
z-index: 1000;
.fp-iconview .fp-file:focus,
.fp-iconview .fp-file:hover {
// Undo truncating of text on hover.
.fp-filename-field {
overflow: visible;
z-index: 1000;
}
.fp-filename {
overflow: inherit;
white-space: normal;
text-overflow: inherit;
}
}
.fp-iconview .fp-filename-field .fp-filename {
@@ -196,12 +205,6 @@
padding-top: 5px;
padding-bottom: 12px;
min-width: 112px;
// Undo truncating of text on hover.
&:hover {
overflow: inherit;
white-space: normal;
text-overflow: inherit;
}
}
// Table view (File Picker only)
.file-picker .yui3-datatable table {
theme/boost/style/moodle.css
+8 -5
View File
@@ -12736,19 +12736,22 @@ body.drawer-ease {
overflow: hidden;
position: absolute; }
.fp-iconview .fp-filename-field:hover {
.fp-iconview .fp-file:focus .fp-filename-field,
.fp-iconview .fp-file:hover .fp-filename-field {
overflow: visible;
z-index: 1000; }
.fp-iconview .fp-file:focus .fp-filename,
.fp-iconview .fp-file:hover .fp-filename {
overflow: inherit;
white-space: normal;
text-overflow: inherit; }
.fp-iconview .fp-filename-field .fp-filename {
background: #fff;
padding-top: 5px;
padding-bottom: 12px;
min-width: 112px; }
.fp-iconview .fp-filename-field .fp-filename:hover {
overflow: inherit;
white-space: normal;
text-overflow: inherit; }
.file-picker .yui3-datatable table {
border: 0 solid #bbb;
theme/bootstrapbase/less/moodle/filemanager.less
+12 -9
View File
@@ -290,21 +290,24 @@
overflow: hidden;
position: absolute;
}
.fp-iconview .fp-filename-field:hover {
overflow: visible;
z-index: 1000;
.fp-iconview .fp-file:focus,
.fp-iconview .fp-file:hover {
// Undo truncating of text on hover of focus.
.fp-filename-field {
overflow: visible;
z-index: 1000;
}
.fp-filename {
overflow: inherit;
white-space: normal;
text-overflow: unset;
}
}
.fp-iconview .fp-filename-field .fp-filename {
background: #fff;
padding-top: 5px;
padding-bottom: 12px;
min-width: 112px;
// Undo truncating of text on hover.
&:hover {
overflow: inherit;
white-space: normal;
text-overflow: unset;
}
}
// Table view (File Picker only)
theme/bootstrapbase/style/moodle.css
+8 -6
View File
@@ -7371,21 +7371,23 @@ span.editinstructions {
overflow: hidden;
position: absolute;
}
.fp-iconview .fp-filename-field:hover {
.fp-iconview .fp-file:focus .fp-filename-field,
.fp-iconview .fp-file:hover .fp-filename-field {
overflow: visible;
z-index: 1000;
}
.fp-iconview .fp-file:focus .fp-filename,
.fp-iconview .fp-file:hover .fp-filename {
overflow: inherit;
white-space: normal;
text-overflow: unset;
}
.fp-iconview .fp-filename-field .fp-filename {
background: #fff;
padding-top: 5px;
padding-bottom: 12px;
min-width: 112px;
}
.fp-iconview .fp-filename-field .fp-filename:hover {
overflow: inherit;
white-space: normal;
text-overflow: unset;
}
.file-picker .yui3-datatable table {
border: 0 solid #bbb;
width: 100%;