diff --git a/cms/static/sass/elements-v2/_header.scss b/cms/static/sass/elements-v2/_header.scss index 6d4e470fc2..0643599505 100644 --- a/cms/static/sass/elements-v2/_header.scss +++ b/cms/static/sass/elements-v2/_header.scss @@ -132,7 +132,7 @@ .nav-account-user { .title { - max-width: ($baseline*6.5); + max-width: ($baseline*10.5); display: inline-block; max-width: 84%; overflow: hidden; diff --git a/cms/static/sass/elements/_forms.scss b/cms/static/sass/elements/_forms.scss index a475ff36a0..b11a5c1af8 100644 --- a/cms/static/sass/elements/_forms.scss +++ b/cms/static/sass/elements/_forms.scss @@ -395,7 +395,7 @@ form { display: inline-block; vertical-align: middle; - max-width: 80%; + max-width: 70%; } .incontext-editor-open-action, diff --git a/cms/static/sass/elements/_header.scss b/cms/static/sass/elements/_header.scss index 450cca5455..5f905413e6 100644 --- a/cms/static/sass/elements/_header.scss +++ b/cms/static/sass/elements/_header.scss @@ -213,7 +213,7 @@ .nav-account-user { .title { - max-width: ($baseline*6.5); + max-width: ($baseline*10.5); > .label { display: inline-block; diff --git a/cms/static/sass/elements/_layout.scss b/cms/static/sass/elements/_layout.scss index 2864830f19..61396b4ab3 100644 --- a/cms/static/sass/elements/_layout.scss +++ b/cms/static/sass/elements/_layout.scss @@ -98,7 +98,7 @@ // layout with breadcrumb navigation &.has-navigation { .nav-actions { - bottom: $baseline; + top: -($baseline*2); } .navigation-item { diff --git a/cms/static/sass/elements/_navigation.scss b/cms/static/sass/elements/_navigation.scss index 11fe91b378..a275c549e2 100644 --- a/cms/static/sass/elements/_navigation.scss +++ b/cms/static/sass/elements/_navigation.scss @@ -210,7 +210,8 @@ nav { .jump-nav { .nav-item { display: inline-block; - margin-bottom: 20px; + margin-bottom: 5px; + .title { &:hover, @@ -252,7 +253,7 @@ $seq-nav-height: 40px; @extend .topbar; background-color: #fff; - margin: 0 auto $baseline; + margin: 0 auto; position: relative; border-bottom: none; z-index: 0; @@ -497,4 +498,30 @@ $seq-nav-height: 40px; } } } + + // FontAwesome rtl chevron next - Learning Sequence Nav + .fa-chevron-next { + &::before { + @if $bi-app-direction == ltr { + content: "\f054"; // .fa-chevron-right + } + + @else if $bi-app-direction == rtl { + content: "\f053"; // .fa-chevron-left + } + } + } + + // FontAwesome rtl chevron prev - - Learning Sequence Nav + .fa-chevron-prev { + &::before { + @if $bi-app-direction == ltr { + content: "\f053"; // .fa-chevron-left + } + + @else if $bi-app-direction == rtl { + content: "\f054"; // .fa-chevron-right + } + } + } }