You are viewing a plain text version of this content. The canonical link for it is here.
Posted to notifications@ignite.apache.org by dm...@apache.org on 2021/01/13 22:49:46 UTC
[ignite-website] branch master updated: added workaround for
aligning version select text to the right on Safari (#67)
This is an automated email from the ASF dual-hosted git repository.
dmagda pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/ignite-website.git
The following commit(s) were added to refs/heads/master by this push:
new c2081b1 added workaround for aligning version select text to the right on Safari (#67)
c2081b1 is described below
commit c2081b1f82097df90d850b2b5c8637824d08929d
Author: Mauricio Stekl <ma...@stekl.org>
AuthorDate: Wed Jan 13 19:49:37 2021 -0300
added workaround for aligning version select text to the right on Safari (#67)
---
_docs/_sass/header.scss | 5 +++++
assets/css/styles.css | 4 +++-
assets/css/styles.css.map | 4 ++--
3 files changed, 10 insertions(+), 3 deletions(-)
diff --git a/_docs/_sass/header.scss b/_docs/_sass/header.scss
index 1ba6424..19bf1aa 100644
--- a/_docs/_sass/header.scss
+++ b/_docs/_sass/header.scss
@@ -276,6 +276,11 @@ header {
-webkit-appearance: none;
appearance: none;
+ direction: rtl;
+
+ option {
+ direction: ltr;
+ }
}
diff --git a/assets/css/styles.css b/assets/css/styles.css
index 90a9466..406efae 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -80,7 +80,9 @@ header .search input[type='search'] { color: var(--gg-dark-gray); background: rg
header .search input[type='search'][disabled] { opacity: 0.5; cursor: not-allowed; }
-header #version-selector { list-style: none; grid-area: ver; line-height: 28px; border-radius: 0px; margin-right: 10px; border: none; color: var(--gg-dark-gray); padding: 5px 16px 5px 10px; white-space: nowrap; font-size: 14px; width: auto; text-align: right; background: transparent url("/assets/images/arrow-down.svg") no-repeat center right 5px; box-sizing: border-box; text-align-last: right; -moz-appearance: none; -webkit-appearance: none; appearance: none; }
+header #version-selector { list-style: none; grid-area: ver; line-height: 28px; border-radius: 0px; margin-right: 10px; border: none; color: var(--gg-dark-gray); padding: 5px 16px 5px 10px; white-space: nowrap; font-size: 14px; width: auto; text-align: right; background: transparent url("/assets/images/arrow-down.svg") no-repeat center right 5px; box-sizing: border-box; text-align-last: right; -moz-appearance: none; -webkit-appearance: none; appearance: none; direction: rtl; }
+
+header #version-selector option { direction: ltr; }
header > nav { grid-area: nav; font-size: 18px; display: flex; flex-direction: row; margin: 0 20px; }
diff --git a/assets/css/styles.css.map b/assets/css/styles.css.map
index d6238eb..c61dca3 100644
--- a/assets/css/styles.css.map
+++ b/assets/css/styles.css.map
@@ -18,7 +18,7 @@
"sourcesContent": [
"@import \"variables\";\n@import \"header\";\n@import \"code\";\n@import \"rouge-base16-solarized\";\n@import \"text\";\n@import \"callouts\";\n@import \"layout\";\n@import \"left-nav\";\n@import \"right-nav\";\n@import \"footer\";\n\n@import \"docs\";\n",
":root {\n --gg-red: #ec1c24;\n --gg-orange: #ec1c24;\n --gg-orange-dark: #bc440b;\n --gg-orange-filter: invert(47%) sepia(61%) saturate(1950%) hue-rotate(345deg) brightness(100%) contrast(95%);\n --gg-dark-gray: #333333;\n --orange-line-thickness: 3px;\n --block-code-background: rgba(241, 241, 241, 20%);\n --inline-code-background: rgba(241, 241, 241, 90%);\n --padding-top: 25px; \n --link-color: #ec1c24;\n --body-background: #fcfcfc;\n}\n\n@font-face [...]
- "header {\n\n min-height: var(--header-height);\n background: white;\n box-shadow: 0 4px 10px 0 #eeeeee, 0 0 4px 0 #d5d5d5;\n \n\n z-index: 1;\n\n #promotion-bar {\n background-color: #333333;\n padding: 8px;\n \n p {\n font-size: 14px;\n line-height: 1.4em;\n font-weight: 600;\n padding: 0;\n margin: 0;\n\n color: #f0f0f0;\n text-align: center;\n\n a {\ [...]
+ "header {\n\n min-height: var(--header-height);\n background: white;\n box-shadow: 0 4px 10px 0 #eeeeee, 0 0 4px 0 #d5d5d5;\n \n\n z-index: 1;\n\n #promotion-bar {\n background-color: #333333;\n padding: 8px;\n \n p {\n font-size: 14px;\n line-height: 1.4em;\n font-weight: 600;\n padding: 0;\n margin: 0;\n\n color: #f0f0f0;\n text-align: center;\n\n a {\ [...]
"pre, pre.rouge {\n padding: 8px 15px;\n background: var(--block-code-background) !important;\n border-radius: 5px;\n border: 1px solid #e5e5e5;\n overflow-x: auto;\n // So code copy button doesn't overflow\n min-height: 36px;\n\tline-height: 18px;\n color: #545454;\n}\n\ncode {\n color: #545454;\n}\n\npre.rouge code {\n background: none !important;\n}\n\npre.rouge .tok-err {\n \tborder: none !important;\n }\n\ncode-tabs.code-tabs__initialized {\n dis [...]
".highlight table td { padding: 5px; }\n.highlight table pre { margin: 0; }\n.highlight, .highlight .w {\n color: #586e75;\n}\n.highlight .err {\n color: #002b36;\n background-color: #dc322f;\n}\n.highlight .c, .highlight .cd, .highlight .cm, .highlight .c1, .highlight .cs {\n color: #657b83;\n}\n.highlight .cp {\n color: #b58900;\n}\n.highlight .nt {\n color: #b58900;\n}\n.highlight .o, .highlight .ow {\n color: #93a1a1;\n}\n.highlight .p, .highlight .pi {\n color: #93a1a1;\n} [...]
"body {\n font-family: 'Open Sans', sans-serif;\n}\n\nh1, h2, h3, h4 {\n color: #000;\n font-weight: normal;\n font-family: 'Open Sans';\n}\n\nh1 {\n font-size: 36px;\n line-height: 40px;\n}\n\na {\n text-decoration: none;\n color: var(--link-color);\n}\n\n\nsection {\n color: #545454;\n}\n\ntable {\n border-collapse: collapse;\n\n td, th {\n text-align: left;\n padding: 5px 10px;\n border-bottom: 1px solid hsl(0, 0%, 85%);\n [...]
@@ -30,5 +30,5 @@
"section.page-docs {\n display: grid;\n transition: grid-template-columns 0.15s;\n grid-template-columns: auto 1fr auto;\n grid-template-rows: 100%;\n grid-template-areas: 'left-nav content right-nav';\n line-height: 20px;\n max-width: 1440px;\n margin: auto;\n width: 100%;\n\n &>article {\n // box-shadow: -1px 13px 20px 0 #696c70;\n border-left: 1px solid #eeeeee;\n background-color: #ffffff;\n padding: 0 50px 30px;\n gr [...]
],
"names": [],
- "mappings": "CCAC,AAAD,IAAK,CAAC,EACF,QAAQ,CAAA,QAAC,EACT,WAAW,CAAA,QAAC,EACZ,gBAAgB,CAAA,QAAC,EACjB,kBAAkB,CAAA,yFAAC,EACnB,cAAc,CAAA,QAAC,EACf,uBAAuB,CAAA,IAAC,EACxB,uBAAuB,CAAA,yBAAC,EACxB,wBAAwB,CAAA,yBAAC,EACzB,aAAa,CAAA,KAAC,EACd,YAAY,CAAA,QAAC,EACb,iBAAiB,CAAA,QAAC,GACrB;;AAED,UAAU,GACN,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,GAAG,EAChB,YAAY,EAAE,IAAI,EAClB,UAAU,EAAE,MAAM;;AClBtB,AAAA,MAAM,CAAC,EAEH,UAAU,EAAE,oBAAoB,EAChC,UAAU,EAAE,KAAK,EACjB,UAAU,EAAE,uCAAuC,EAGnD,OAAO,EAAE,CAAC,GAmXb;;A [...]
+ "mappings": "CCAC,AAAD,IAAK,CAAC,EACF,QAAQ,CAAA,QAAC,EACT,WAAW,CAAA,QAAC,EACZ,gBAAgB,CAAA,QAAC,EACjB,kBAAkB,CAAA,yFAAC,EACnB,cAAc,CAAA,QAAC,EACf,uBAAuB,CAAA,IAAC,EACxB,uBAAuB,CAAA,yBAAC,EACxB,wBAAwB,CAAA,yBAAC,EACzB,aAAa,CAAA,KAAC,EACd,YAAY,CAAA,QAAC,EACb,iBAAiB,CAAA,QAAC,GACrB;;AAED,UAAU,GACN,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,GAAG,EAChB,YAAY,EAAE,IAAI,EAClB,UAAU,EAAE,MAAM;;AClBtB,AAAA,MAAM,CAAC,EAEH,UAAU,EAAE,oBAAoB,EAChC,UAAU,EAAE,KAAK,EACjB,UAAU,EAAE,uCAAuC,EAGnD,OAAO,EAAE,CAAC,GAwXb;;A [...]
}
\ No newline at end of file