initial styling changes to Studio unit page navigation and breadcrumb context

This commit is contained in:
Marco Morales
2020-02-16 01:02:17 -05:00
parent 6b55961499
commit 2c0d89bee5
5 changed files with 33 additions and 6 deletions

View File

@@ -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;

View File

@@ -395,7 +395,7 @@ form {
display: inline-block;
vertical-align: middle;
max-width: 80%;
max-width: 70%;
}
.incontext-editor-open-action,

View File

@@ -213,7 +213,7 @@
.nav-account-user {
.title {
max-width: ($baseline*6.5);
max-width: ($baseline*10.5);
> .label {
display: inline-block;

View File

@@ -98,7 +98,7 @@
// layout with breadcrumb navigation
&.has-navigation {
.nav-actions {
bottom: $baseline;
top: -($baseline*2);
}
.navigation-item {

View File

@@ -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
}
}
}
}