Commit 0f072d25 authored by Agami4's avatar Agami4
Browse files

YANG-5941: Add improvements to the layout and secondary navigation - rtl

parent 3480d790
......@@ -47,6 +47,10 @@
padding-left: 2rem;
padding-right: 1rem;
}
[dir='rtl'] .socialblue--sky.path-user .layout--with-complementary .region--secondary-navigation, [dir='rtl'] .socialblue--sky.path-group .layout--with-complementary .region--secondary-navigation {
padding-right: 2rem;
padding-left: 1rem;
}
.socialblue--sky.path-user .sidebar-left .region--complementary, .socialblue--sky.path-group .sidebar-left .region--complementary {
top: -60px;
}
......@@ -57,10 +61,18 @@
padding-right: 1rem;
padding-left: 0;
}
[dir='rtl'] .socialblue--sky .layout--with-complementary.sidebar-left > .region--complementary {
padding-right: 0;
padding-left: 1rem;
}
.socialblue--sky .layout--with-complementary.sidebar-left > .region--content {
padding-left: 1rem;
padding-right: 0;
}
[dir='rtl'] .socialblue--sky .layout--with-complementary.sidebar-left > .region--content {
padding-right: 1rem;
padding-left: 0;
}
.socialblue--sky.path-user .layout--with-complementary .region--secondary-navigation, .socialblue--sky.path-group .layout--with-complementary .region--secondary-navigation {
max-width: 1200px;
margin-left: auto;
......
......@@ -71,6 +71,10 @@
display: table;
overflow: visible;
}
[dir='rtl'] .socialblue--sky.path-user .layout--with-complementary .navbar-secondary .navbar-nav, [dir='rtl'] .socialblue--sky.path-group .layout--with-complementary .navbar-secondary .navbar-nav {
padding-right: 0;
padding-left: 40px;
}
.socialblue--sky.path-user .layout--with-complementary .navbar-secondary .navbar-nav li, .socialblue--sky.path-group .layout--with-complementary .navbar-secondary .navbar-nav li {
display: table-cell;
}
......@@ -84,6 +88,10 @@
transform: translateY(-50%);
cursor: pointer;
}
[dir='rtl'] .socialblue--sky.path-user .layout--with-complementary .navbar-secondary .navbar-nav .caret, [dir='rtl'] .socialblue--sky.path-group .layout--with-complementary .navbar-secondary .navbar-nav .caret {
right: auto;
left: 15px;
}
.socialblue--sky.path-user .layout--with-complementary .navbar-secondary .navbar-nav .caret.active, .socialblue--sky.path-group .layout--with-complementary .navbar-secondary .navbar-nav .caret.active {
-webkit-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
......@@ -115,10 +123,17 @@
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
[dir='rtl'] .socialblue--sky.path-user .layout--with-complementary .navbar-secondary .navbar-nav .hidden-list, [dir='rtl'] .socialblue--sky.path-group .layout--with-complementary .navbar-secondary .navbar-nav .hidden-list {
right: auto;
left: 0;
}
.socialblue--sky.path-user .layout--with-complementary .navbar-secondary .navbar-nav .hidden-list li, .socialblue--sky.path-group .layout--with-complementary .navbar-secondary .navbar-nav .hidden-list li {
display: block;
text-align: left;
}
[dir='rtl'] .socialblue--sky.path-user .layout--with-complementary .navbar-secondary .navbar-nav .hidden-list li, [dir='rtl'] .socialblue--sky.path-group .layout--with-complementary .navbar-secondary .navbar-nav .hidden-list li {
text-align: right;
}
.socialblue--sky.path-user .layout--with-complementary .navbar-secondary .navbar-nav .hidden-list li a, .socialblue--sky.path-user .layout--with-complementary .navbar-secondary .navbar-nav .hidden-list li button, .socialblue--sky.path-group .layout--with-complementary .navbar-secondary .navbar-nav .hidden-list li a, .socialblue--sky.path-group .layout--with-complementary .navbar-secondary .navbar-nav .hidden-list li button {
display: block;
width: 100%;
......
......@@ -87,6 +87,11 @@
@include for-tablet-landscape-up {
display: table;
overflow: visible;
[dir='rtl'] & {
padding-right: 0;
padding-left: 40px;
}
}
li {
......@@ -107,6 +112,11 @@
transform: translateY(-50%);
cursor: pointer;
[dir='rtl'] & {
right: auto;
left: 15px;
}
&.active {
transform: translateY(-50%) rotate(180deg);
}
......@@ -135,10 +145,19 @@
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
[dir='rtl'] & {
right: auto;
left: 0;
}
li {
display: block;
text-align: left;
[dir='rtl'] & {
text-align: right;
}
a, button {
display: block;
width: 100%;
......
......@@ -12,6 +12,11 @@
@include for-desktop-up {
padding-right: 1rem;
padding-left: 0;
[dir='rtl'] & {
padding-right: 0;
padding-left: 1rem;
}
}
}
......@@ -19,6 +24,11 @@
@include for-desktop-up {
padding-left: 1rem;
padding-right: 0;
[dir='rtl'] & {
padding-right: 1rem;
padding-left: 0;
}
}
}
}
......@@ -51,6 +61,11 @@
margin: -44px 0 0;
padding-left: 2rem;
padding-right: 1rem;
[dir='rtl'] & {
padding-right: 2rem;
padding-left: 1rem;
}
}
@include for-desktop-up {
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment