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

Issue #2326837 by herom: Fixed content preview RTL CSS.

8.0.x
webchick 2014-08-25 21:14:52 -07:00
parent 5c61480002
commit dcaf9a11d4
3 changed files with 23 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
core/misc/icons/000000/chevron-right.svg Normal file
View File

@ -0,0 +1,2 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#000000" d="M8.053 8.355c.193-.195.193-.517 0-.711l-3.26-3.289c-.193-.195-.192-.514.002-.709l1.371-1.371c.194-.194.512-.193.706.001l5.335 5.369c.195.195.195.515 0 .708l-5.335 5.37c-.194.192-.512.193-.706.002l-1.371-1.371c-.194-.195-.195-.514-.002-.709l3.26-3.29z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 348 B

6
core/modules/node/css/node.preview.css
View File

@ -12,6 +12,10 @@
@media only screen and (min-width: 36em) { @media only screen and (min-width: 36em) {
.node-preview-container .form-type-select { .node-preview-container .form-type-select {
margin-left: 25%; margin-left: 25%; /* LTR */
}
[dir="rtl"] .node-preview-container .form-type-select {
margin-right: 25%;
margin-left: 0%;
} }
} }

20
core/themes/bartik/css/style.css
View File

@ -859,7 +859,7 @@ ul.links {
} }
.node-preview-backlink { .node-preview-backlink {
background-color: #419ff1; background-color: #419ff1;
background: url(../../../misc/icons/000000/chevron-left.svg) left no-repeat, linear-gradient(to bottom, #419ff1, #1076d5); background: url(../../../misc/icons/000000/chevron-left.svg) left no-repeat, linear-gradient(to bottom, #419ff1, #1076d5); /* LTR */
border: 1px solid #0048c8; border: 1px solid #0048c8;
border-radius: .4em; border-radius: .4em;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
@ -867,23 +867,35 @@ ul.links {
font-size: 0.9em; font-size: 0.9em;
line-height: normal; line-height: normal;
margin: 0; margin: 0;
padding: 4px 1em 4px 0.6em; padding: 4px 1em 4px 0.6em; /* LTR */
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
} }
[dir="rtl"] .node-preview-backlink {
background: url(../../../misc/icons/000000/chevron-right.svg) right no-repeat, linear-gradient(to bottom, #419ff1, #1076d5);
padding: 4px 0.6em 4px 1em;
float: right;
}
.node-preview-backlink:focus, .node-preview-backlink:focus,
.node-preview-backlink:hover { .node-preview-backlink:hover {
background-color: #419cf1; background-color: #419cf1;
background: url(../../../misc/icons/000000/chevron-left.svg) left no-repeat, linear-gradient(to bottom, #59abf3, #2a90ef); background: url(../../../misc/icons/000000/chevron-left.svg) left no-repeat, linear-gradient(to bottom, #59abf3, #2a90ef); /* LTR */
border: 1px solid #0048c8; border: 1px solid #0048c8;
text-decoration: none; text-decoration: none;
color: #fff; color: #fff;
} }
[dir="rtl"] .node-preview-backlink:focus,
[dir="rtl"] .node-preview-backlink:hover {
background: url(../../../misc/icons/000000/chevron-right.svg) right no-repeat, linear-gradient(to bottom, #59abf3, #2a90ef);
}
.node-preview-backlink:active { .node-preview-backlink:active {
background-color: #0e69be; background-color: #0e69be;
background: url(../../../misc/icons/000000/chevron-left.svg) left no-repeat, linear-gradient(to bottom, #0e69be, #2a93ef); background: url(../../../misc/icons/000000/chevron-left.svg) left no-repeat, linear-gradient(to bottom, #0e69be, #2a93ef); /* LTR */
border: 1px solid #0048c8; border: 1px solid #0048c8;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .25); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .25);
} }
.node-preview-backlink:active {
background: url(../../../misc/icons/000000/chevron-right.svg) right no-repeat, linear-gradient(to bottom, #0e69be, #2a93ef);
}
.node-preview-backlink::before { .node-preview-backlink::before {
content: ''; content: '';
width: 10px; width: 10px;