Improved nav-tab text postion.
This commit is contained in:
parent
92f596e7f4
commit
e54457c7c7
1 changed files with 10 additions and 9 deletions
|
@ -1607,10 +1607,11 @@ footer {
|
||||||
|
|
||||||
.navigation .nav-tab-name {
|
.navigation .nav-tab-name {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
padding-bottom: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tasks-navigation .nav-tab-icon {
|
.tasks-navigation .nav-tab-icon {
|
||||||
|
|
||||||
&.loading {
|
&.loading {
|
||||||
width: 10px;
|
width: 10px;
|
||||||
height: 10px;
|
height: 10px;
|
||||||
|
@ -1630,7 +1631,7 @@ footer {
|
||||||
.nav-tab.nav-tab--search:hover {
|
.nav-tab.nav-tab--search:hover {
|
||||||
background: #389ed9;
|
background: #389ed9;
|
||||||
color: white;
|
color: white;
|
||||||
|
|
||||||
.nav-tab-icon {
|
.nav-tab-icon {
|
||||||
fill: white;
|
fill: white;
|
||||||
}
|
}
|
||||||
|
@ -1656,7 +1657,7 @@ footer {
|
||||||
animation: fade 3s ease-in-out infinite;
|
animation: fade 3s ease-in-out infinite;
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes fade {
|
@keyframes fade {
|
||||||
50% { opacity: 1 }
|
50% { opacity: 1 }
|
||||||
75% { opacity: 0 }
|
75% { opacity: 0 }
|
||||||
to { opacity: 1 }
|
to { opacity: 1 }
|
||||||
|
@ -1708,7 +1709,7 @@ footer {
|
||||||
|
|
||||||
.nav-tab-close:hover svg {
|
.nav-tab-close:hover svg {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.level-1.is-active {
|
.level-1.is-active {
|
||||||
background-color: #38ae6a;
|
background-color: #38ae6a;
|
||||||
|
@ -4272,7 +4273,7 @@ footer {
|
||||||
border-bottom: 1px solid rgba(0,0,0,.13);
|
border-bottom: 1px solid rgba(0,0,0,.13);
|
||||||
padding-bottom: 8px;
|
padding-bottom: 8px;
|
||||||
margin-bottom: 16px;
|
margin-bottom: 16px;
|
||||||
|
|
||||||
& + p {
|
& + p {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
@ -4317,7 +4318,7 @@ label + .wizard-buttonList {
|
||||||
|
|
||||||
.setup.wizard .wizard-body {
|
.setup.wizard .wizard-body {
|
||||||
min-height: 140px;
|
min-height: 140px;
|
||||||
|
|
||||||
& > p:first-child {
|
& > p:first-child {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
@ -4343,7 +4344,7 @@ label + .wizard-buttonList {
|
||||||
.setup.wizard .logo-preview:not([src=""]) {
|
.setup.wizard .logo-preview:not([src=""]) {
|
||||||
margin: 0 auto 15px;
|
margin: 0 auto 15px;
|
||||||
height: auto;
|
height: auto;
|
||||||
|
|
||||||
+ .logo-preview-placeholder {
|
+ .logo-preview-placeholder {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
@ -4439,7 +4440,7 @@ label + .wizard-buttonList {
|
||||||
display: flex;
|
display: flex;
|
||||||
cursor: default;
|
cursor: default;
|
||||||
padding: 5px 8px;
|
padding: 5px 8px;
|
||||||
|
|
||||||
&:not(:last-child) {
|
&:not(:last-child) {
|
||||||
border-bottom: 1px solid hsl(251,6%,90%);
|
border-bottom: 1px solid hsl(251,6%,90%);
|
||||||
}
|
}
|
||||||
|
@ -4449,7 +4450,7 @@ label + .wizard-buttonList {
|
||||||
margin: 0 10px;
|
margin: 0 10px;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
& > * {
|
& > * {
|
||||||
@extend .u-textTruncate;
|
@extend .u-textTruncate;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue