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

MDL-57074 Filepicker: Fix alias and link icons in RTL mode

Browse Source 
Fixed alignment of the images in RTL mode. Also fixed a z-index problem
in which the icons were displayed above the open drawer on narrow
screens.
This commit is contained in:
Jake Dallimore
2016-12-12 08:48:15 +08:00
parent 44047dc78d
commit eb349bdfc4
3 changed files with 42 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
theme/boost/scss/moodle/filemanager.scss
+14 -2
View File
@@ -636,11 +636,19 @@ a.ygtvspacer:hover {
.fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {
background: url('[[pix:theme|fp/link]]') no-repeat;
/*rtl:raw:
transform: scaleX(-1);
*/
/*rtl:ignore*/
background-position: bottom right;
}
.fp-iconview .fp-file.fp-isreference .fp-reficons2 {
background: url('[[pix:theme|fp/alias]]') no-repeat;
/*rtl:raw:
transform: scaleX(-1);
*/
/*rtl:ignore*/
background-position: bottom left;
}
@@ -685,20 +693,24 @@ a.ygtvspacer:hover {
background: url('[[pix:theme|fp/link_sm]]') no-repeat 0 0;
height: 100%;
width: 100%;
/*rtl:raw:
transform: scaleX(-1);
*/
position: absolute;
top: 8px;
left: 17px;
z-index: 1000;
}
.filemanager .fp-filename-icon.fp-isreference .fp-reficons2 {
background: url('[[pix:theme|fp/alias_sm]]') no-repeat 0 0;
height: 100%;
width: 100%;
/*rtl:raw:
transform: scaleX(-1);
*/
position: absolute;
top: 9px;
left: -6px;
z-index: 1001;
}
// Folder Context Menu (File Manager only)
.filemanager .fp-contextmenu {
theme/bootstrapbase/less/moodle/filemanager.less
+14
View File
@@ -823,10 +823,18 @@ a.ygtvspacer:hover {
}
.fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {
background: url('[[pix:theme|fp/link]]') no-repeat;
/*rtl:raw:
transform: scaleX(-1);
*/
/*rtl:ignore*/
background-position: bottom right;
}
.fp-iconview .fp-file.fp-isreference .fp-reficons2 {
background: url('[[pix:theme|fp/alias]]') no-repeat;
/*rtl:raw:
transform: scaleX(-1);
*/
/*rtl:ignore*/
background-position: bottom left;
}
.filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {
@@ -859,6 +867,9 @@ a.ygtvspacer:hover {
background: url('[[pix:theme|fp/link_sm]]') no-repeat 0 0;
height: 100%;
width: 100%;
/*rtl:raw:
transform: scaleX(-1);
*/
position: absolute;
top: 8px;
left: 17px;
@@ -868,6 +879,9 @@ a.ygtvspacer:hover {
background: url('[[pix:theme|fp/alias_sm]]') no-repeat 0 0;
height: 100%;
width: 100%;
/*rtl:raw:
transform: scaleX(-1);
*/
position: absolute;
top: 9px;
left: -6px;
theme/bootstrapbase/style/moodle.css
+14
View File
@@ -5515,10 +5515,18 @@ a.ygtvspacer:hover {
}
.fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {
background: url('[[pix:theme|fp/link]]') no-repeat;
/*rtl:raw:
transform: scaleX(-1);
*/
/*rtl:ignore*/
background-position: bottom right;
}
.fp-iconview .fp-file.fp-isreference .fp-reficons2 {
background: url('[[pix:theme|fp/alias]]') no-repeat;
/*rtl:raw:
transform: scaleX(-1);
*/
/*rtl:ignore*/
background-position: bottom left;
}
.filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {
@@ -5550,6 +5558,9 @@ a.ygtvspacer:hover {
background: url('[[pix:theme|fp/link_sm]]') no-repeat 0 0;
height: 100%;
width: 100%;
/*rtl:raw:
transform: scaleX(-1);
*/
position: absolute;
top: 8px;
left: 17px;
@@ -5559,6 +5570,9 @@ a.ygtvspacer:hover {
background: url('[[pix:theme|fp/alias_sm]]') no-repeat 0 0;
height: 100%;
width: 100%;
/*rtl:raw:
transform: scaleX(-1);
*/
position: absolute;
top: 9px;
left: -6px;