summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorLauri Eskola2017-09-30 23:31:33 (GMT)
committerLauri Eskola2017-09-30 23:31:33 (GMT)
commit4a1d43fb696aa779d7f183d4ef0565caf34dd190 (patch)
treebfba2ee9fd2089a0e7b47de95791d7a770f00581
parent3d5d72771619dfc226f6e9b4709644189f25cd6d (diff)
Issue #2524284 by Hubbs, Sabreena, Tony-Mac, AlviMurtaza, Aleksandar_P, Saphyel, aj2r, vulcanr, snehi, rashid_786, vijay.mayilsamy, bandanasharma, kapil17, ironkiat, yoroy, LewisNyman, leanderl, aliyakhan, xjm, emma.maria, jcventura, leanderl, sannastrand, marikaj: The spacing of the buttons in the preview bar is cramped on narrow screens
-rw-r--r--core/themes/bartik/css/components/node-preview.css18
1 files changed, 16 insertions, 2 deletions
diff --git a/core/themes/bartik/css/components/node-preview.css b/core/themes/bartik/css/components/node-preview.css
index 520141a..e391dd1 100644
--- a/core/themes/bartik/css/components/node-preview.css
+++ b/core/themes/bartik/css/components/node-preview.css
@@ -7,7 +7,7 @@
position: fixed;
z-index: 499;
width: 100%;
- padding: 10px;
+ padding: 5px 10px;
}
.node-preview-backlink {
background-color: #419ff1;
@@ -19,13 +19,15 @@
color: #fff;
font-size: 0.9em;
line-height: normal;
- margin: 0;
+ margin: 5px 10px 5px 0; /* LTR */
padding: 4px 1em 4px 0.6em; /* LTR */
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
+ display: inline-block;
}
[dir="rtl"] .node-preview-backlink {
background: url(../../../../misc/icons/000000/chevron-right.svg) right no-repeat, -webkit-linear-gradient(top, #419ff1, #1076d5);
background: url(../../../../misc/icons/000000/chevron-right.svg) right no-repeat, linear-gradient(to bottom, #419ff1, #1076d5);
+ margin: 5px 0 5px 10px;
padding: 4px 0.6em 4px 1em;
float: right;
}
@@ -59,3 +61,15 @@
width: 10px;
display: inline-block;
}
+[dir="rtl"] .node-preview-backlink::after {
+ content: '';
+ width: 10px;
+ display: inline-block;
+}
+.node-preview-container .form-item-view-mode {
+ display: inline-block;
+ margin: 5px 0;
+}
+[dir="rtl"] .node-preview-container .form-item-view-mode {
+ margin-right: 0;
+}