Drupal
/
drupal
mirror of https://git.drupalcode.org/project/drupal.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Issue by dead_arm, mark_fullmer, alexpott, kostyashupenko, brad.bulger, tim.plunkett, PCate: Add RTL CSS to Layout Builder

merge-requests/1119/head
Alex Pott 2019-04-13 10:23:21 -07:00
parent 47b6e7040d
commit 8ea7023787
No known key found for this signature in database
GPG Key ID: 31905460D4A69276
2 changed files with 30 additions and 8 deletions
core
modules/layout_builder/css
themes/stable/css/layout_builder

19
core/modules/layout_builder/css/layout-builder.css
View File

@ -14,10 +14,16 @@
} }
.layout-builder__link--add { .layout-builder__link--add {
padding-left: 24px; padding-left: 24px; /* LTR */
color: #686868; color: #686868;
border-bottom: none; border-bottom: none;
background: url(../../../misc/icons/686868/plus.svg) transparent top left / 16px 16px no-repeat; background: url(../../../misc/icons/787878/plus.svg) transparent top left / 16px 16px no-repeat; /* LTR */
}
[dir="rtl"] .layout-builder__link--add {
padding-right: 24px;
padding-left: 0;
background-position-x: right;
} }
.layout-builder__link--add:hover, .layout-builder__link--add:hover,
@ -60,8 +66,8 @@
box-sizing: border-box; box-sizing: border-box;
width: 26px; width: 26px;
height: 26px; height: 26px;
margin-right: 6px; margin-right: 6px; /* LTR */
margin-left: -10px; margin-left: -10px; /* LTR */
padding: 0; padding: 0;
white-space: nowrap; white-space: nowrap;
text-indent: -9999px; text-indent: -9999px;
@ -71,6 +77,11 @@
font-size: 1rem; font-size: 1rem;
} }
[dir="rtl"] .layout-builder__link--remove {
margin-right: -10px;
margin-left: 6px;
}
.layout-builder__link--remove:hover { .layout-builder__link--remove:hover {
background-image: url(../../../misc/icons/787878/ex.svg); background-image: url(../../../misc/icons/787878/ex.svg);
} }

19
core/themes/stable/css/layout_builder/layout-builder.css
View File

@ -14,10 +14,16 @@
} }
.layout-builder__link--add { .layout-builder__link--add {
padding-left: 24px; padding-left: 24px; /* LTR */
color: #686868; color: #686868;
border-bottom: none; border-bottom: none;
background: url(../../../../misc/icons/686868/plus.svg) transparent top left / 16px 16px no-repeat; background: url(../../../../misc/icons/787878/plus.svg) transparent top left / 16px 16px no-repeat; /* LTR */
}
[dir="rtl"] .layout-builder__link--add {
padding-right: 24px;
padding-left: 0;
background-position-x: right;
} }
.layout-builder__link--add:hover, .layout-builder__link--add:hover,
@ -60,8 +66,8 @@
box-sizing: border-box; box-sizing: border-box;
width: 26px; width: 26px;
height: 26px; height: 26px;
margin-right: 6px; margin-right: 6px; /* LTR */
margin-left: -10px; margin-left: -10px; /* LTR */
padding: 0; padding: 0;
white-space: nowrap; white-space: nowrap;
text-indent: -9999px; text-indent: -9999px;
@ -71,6 +77,11 @@
font-size: 1rem; font-size: 1rem;
} }
[dir="rtl"] .layout-builder__link--remove {
margin-right: -10px;
margin-left: 6px;
}
.layout-builder__link--remove:hover { .layout-builder__link--remove:hover {
background-image: url(../../../../misc/icons/787878/ex.svg); background-image: url(../../../../misc/icons/787878/ex.svg);
} }