mirror_php/moodle
1
0
Fork 0
mirror of https://github.com/moodle/moodle.git synced 2025-04-13 12:32:08 +02:00
Code Issues 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-08 08:36:42 +08:00
parent 5ef81f2b0b
commit c5b70d12f9
3 changed files with 42 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
theme/boost/scss/moodle/filemanager.scss
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 {

14
theme/bootstrapbase/less/moodle/filemanager.less
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;

14
theme/bootstrapbase/style/moodle.css
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;