kubernetes
/
website
mirror of https://github.com/kubernetes/website.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Add RTL support

pull/51600/head
xirehat 2025-08-01 08:24:28 +03:30
parent a5bdf2ce2a
commit 485b0a52c8
6 changed files with 41 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
assets/scss/_desktop.scss
View File

@ -3,6 +3,19 @@ $vendor-strip-height: 44px;
@media screen and (min-width: 1024px) {
body:dir(rtl) {
overflow-x: hidden;
}
table:dir(rtl) {
text-align: right;
direction: rtl;
}
.breadcrumb-item:dir(rtl) + .breadcrumb-item:dir(rtl)::before {
float: right;
}
.td-home {
.header-hero {
#vendorStrip {
@ -34,6 +47,9 @@ $vendor-strip-height: 44px;
p {
text-align: left
}
p:dir(rtl) {
text-align: right
}
.image-wrapper {
position: absolute;

12
assets/scss/_documentation.scss
View File

@ -90,14 +90,20 @@ div.feature-state-notice {
// All callout headings should be bold
.alert {
border-style: solid;
border-width: 0 0 0 4px;
border-radius: 0 0 2rem 0;
h4 {
font-weight: bold;
font-style: initial;
}
}
.alert:dir(ltr) {
// color the left border (left-to-right locales)
border-width: 0 0 0 4px;
}
.alert:dir(rtl) {
// color the right border (right-to-left locales)
border-width: 0 4px 0 0;
}
.glossary-tooltip {
display: inline-block;

13
assets/scss/_tablet.scss
View File

@ -18,6 +18,15 @@ $vendor-strip-font-size: 16px;
display: none;
}
body:dir(rtl) {
overflow-x: hidden;
}
table:dir(rtl) {
text-align: right;
direction: rtl;
}
.td-home {
#viewDocs,
#tryKubernetes {
@ -118,6 +127,10 @@ $vendor-strip-font-size: 16px;
text-align: left;
margin: 0 5% 15px 0;
}
&:dir(rtl) > .light-text {
text-align: right;
}
}
#mobileShowVideoButton {

2
layouts/_default/baseof.html
View File

@ -1,5 +1,5 @@
<!doctype html>
<html lang="{{ .Site.Language.Lang }}" class="{{.Params.class}} no-js">
<html lang="{{ .Site.Language.Lang }}" class="{{.Params.class}} no-js" dir="{{ or .Site.Language.LanguageDirection `ltr` }}">
{{- if eq hugo.Environment "preview" -}}
<!-- deploy preview -->
{{- end -}}

2
layouts/blog/baseof.html
View File

@ -1,5 +1,5 @@
<!doctype html>
<html lang="{{ .Site.Language.Lang }}" class="no-js">
<html lang="{{ .Site.Language.Lang }}" class="no-js" dir="{{ or .Site.Language.LanguageDirection `ltr` }}">
<head>
{{ with .Params.canonicalUrl }}
<link rel="canonical" href="{{ . }}">

2
layouts/docs/baseof.html
View File

@ -1,5 +1,5 @@
<!doctype html>
<html lang="{{ .Site.Language.Lang }}" class="no-js">
<html lang="{{ .Site.Language.Lang }}" class="no-js" dir="{{ or .Site.Language.LanguageDirection `ltr` }}">
<head>
{{ partial "head.html" . }}
<title>{{ if .IsHome }}{{ .Site.Title }}{{ else }}{{ with .Title }}{{ . }} | {{ end }}{{ .Site.Title }}{{ end }}</title>