diff --git a/core/misc/icons/0074bd/chevron-left.png b/core/misc/icons/0074bd/chevron-left.png
new file mode 100644
index 0000000..e42435d
--- /dev/null
+++ b/core/misc/icons/0074bd/chevron-left.png
@@ -0,0 +1,3 @@
+‰PNG
+
+
IHDR óÿa EIDATxÚÝ“Á É‘2„û8‰d´ª |5pÏË#´é‘”–'®ŒA,àÉ‚ž,p³¬nrõ‡ø§„‡/Ñÿ?µüzGæ IEND®B`‚
\ No newline at end of file
diff --git a/core/misc/icons/0074bd/chevron-left.svg b/core/misc/icons/0074bd/chevron-left.svg
new file mode 100644
index 0000000..122e1c0
--- /dev/null
+++ b/core/misc/icons/0074bd/chevron-left.svg
@@ -0,0 +1 @@
+
diff --git a/core/misc/icons/0074bd/chevron-right.png b/core/misc/icons/0074bd/chevron-right.png
new file mode 100644
index 0000000..e2ff9a9
--- /dev/null
+++ b/core/misc/icons/0074bd/chevron-right.png
@@ -0,0 +1,3 @@
+‰PNG
+
+
IHDR óÿa FIDATxÚÝ“Ë C;’#e÷qéh~P<¦H¥ß#‡V>N®i–…1ÚvÁtÁGB-ˆ#)—@Íü`·;€í^§•zG¸éç IEND®B`‚
\ No newline at end of file
diff --git a/core/misc/icons/0074bd/chevron-right.svg b/core/misc/icons/0074bd/chevron-right.svg
new file mode 100644
index 0000000..b16a8ce
--- /dev/null
+++ b/core/misc/icons/0074bd/chevron-right.svg
@@ -0,0 +1 @@
+
diff --git a/core/themes/seven/style.css b/core/themes/seven/style.css
index f30d7e6..96114bc 100644
--- a/core/themes/seven/style.css
+++ b/core/themes/seven/style.css
@@ -342,6 +342,9 @@ li.tabs__tab a {
.tabs.primary .tabs__tab:last-child {
border-radius: 0 4px 0 0;
}
+[dir="rtl"] .tabs.primary .tabs__tab:last-child {
+ border-radius: 4px 0 0 0;
+}
.tabs.primary .tabs__tab.active {
z-index: 15;
border-color: #a6a6a6;
@@ -362,6 +365,12 @@ li.tabs__tab a {
.no-svg .tabs.primary a {
background-image: url(../../misc/icons/0074bd/chevron-right.png);
}
+ [dir="rtl"] .tabs.primary a {
+ background: url(../../misc/icons/0074bd/chevron-left.svg) 1% center no-repeat;
+ }
+ [dir="rtl"] .no-svg .tabs.primary a {
+ background-image: url(../../misc/icons/0074bd/chevron-left.png);
+ }
.tabs.primary a.active {
background-image: none;
}
@@ -394,6 +403,14 @@ li.tabs__tab a {
text-align: center;
outline: 0;
}
+[dir="rtl"] .is-collapse-enabled .tabs__trigger {
+ border-right: 0;
+ border-left: 1px solid #bfbfbf;
+ border-radius: 4px 0 0 0;
+ right: auto;
+ left: 0;
+ top: 11px;
+}
/* TODO: Make this number less magic */
.is-collapse-enabled .tabs {
padding-top: 38px;
@@ -411,6 +428,10 @@ li.tabs__tab a {
width: 75%;
border-bottom: 0;
}
+[dir="rtl"] .is-collapse-enabled .tabs__tab.active {
+ left: auto;
+ right: 0;
+}
.is-collapse-enabled .tabs.primary a.active:before {
content: none;
}
@@ -435,12 +456,18 @@ li.tabs__tab a {
text-align: center;
border-bottom-color: #a6a6a6;
}
+[dir="rtl"] .is-horizontal .tabs__tab {
+ float: right;
+}
.is-horizontal .tabs__tab + .tabs__tab {
margin-left: -1px;
}
.is-horizontal .tabs.primary .tabs__tab:first-child {
border-radius: 4px 0 0 0;
}
+[dir="rtl"] .is-horizontal .tabs.primary .tabs__tab:first-child {
+ border-radius: 0 4px 0 0;
+}
.is-horizontal .tabs__tab.active {
position: relative;
width: auto;
@@ -448,6 +475,9 @@ li.tabs__tab a {
border-bottom: 0;
margin: 0 -4px;
}
+[dir="rtl"] .is-horizontal .tabs__tab.active {
+ margin: 0 -6px;
+}
.is-horizontal .tabs.primary a {
background-image: none;
padding: 7px 2em 7px 2em;