Commit 6f71af44 by Torkel Ödegaard

ux: new fixes

parent 148a4c6c
...@@ -84,6 +84,7 @@ func setIndexViewData(c *middleware.Context) (*dtos.IndexViewData, error) { ...@@ -84,6 +84,7 @@ func setIndexViewData(c *middleware.Context) (*dtos.IndexViewData, error) {
themeUrlParam := c.Query("theme") themeUrlParam := c.Query("theme")
if themeUrlParam == "light" { if themeUrlParam == "light" {
data.User.LightTheme = true data.User.LightTheme = true
data.Theme = "light"
} }
if c.OrgRole == m.ROLE_ADMIN || c.OrgRole == m.ROLE_EDITOR { if c.OrgRole == m.ROLE_ADMIN || c.OrgRole == m.ROLE_EDITOR {
......
...@@ -62,7 +62,7 @@ ...@@ -62,7 +62,7 @@
</gf-form-switch> </gf-form-switch>
<div class="gf-form"> <div class="gf-form">
<span class="gf-form-label width-12">Theme</span> <span class="gf-form-label width-12">Theme</span>
<div class="gf-form-select-wrapper width-6"> <div class="gf-form-select-wrapper width-10">
<select class="gf-form-input" ng-model="options.theme" ng-options="f as f for f in ['current', 'dark', 'light']" ng-change="buildUrl()"></select> <select class="gf-form-input" ng-model="options.theme" ng-options="f as f for f in ['current', 'dark', 'light']" ng-change="buildUrl()"></select>
</div> </div>
</div> </div>
......
...@@ -22,7 +22,7 @@ ...@@ -22,7 +22,7 @@
} }
.react-grid-item { .react-grid-item {
// overflow: auto; overflow: hidden;
} }
.theme-dark { .theme-dark {
......
...@@ -125,31 +125,61 @@ ...@@ -125,31 +125,61 @@
display: flex; display: flex;
padding: 0 $spacer; padding: 0 $spacer;
line-height: 0.5; line-height: 0.5;
margin-left: 2em;
} }
$page-breadcrumb__angle-1: 39px;
$page-breadcrumb__angle-ul: 31px;
$page-breadcrumb__angle-a: 30px;
.page-breadcrumb__item { .page-breadcrumb__item {
background: $page-nav-bg; background: $page-nav-bg;
margin-right: .2rem; box-shadow: $page-nav-shadow;
transform: skewX(-35deg);
> a { > a {
color: $page-nav-breadcrumb-color; color: $page-nav-breadcrumb-color;
font-size: $font-size-sm; font-size: $font-size-sm;
display: block; display: block;
padding: 0.6rem 1rem 0.6rem 1rem;; padding: 0.6rem 1rem 0.6rem 3rem;;
position: relative; position: relative;
transform: skewX(35deg);
}
&:last-child { &::after {
background: $breadcrumb-hover-hl;; content: '';
position: absolute;
top: -53px;
left: 100%;
content: '';
height: 0;
width: 0;
border: $page-breadcrumb__angle-1 solid transparent;
border-right-width: 0;
border-left-width: $page-breadcrumb__angle-a;
z-index: 2;
border-left-color: $page-nav-bg;
}
} }
&:first-child {
a {
padding-left: 1rem;
}
}
&::after {
content: '';
position: absolute;
top: -53px;
left: 100%;
content: '';
height: 0;
width: 0;
border: $page-breadcrumb__angle-1 solid transparent;
border-right-width: 0;
border-left-width: $page-breadcrumb__angle-ul;
z-index: 1;
transform: translateX(4px);
border-left-color: #282020;
margin: 0;
}
&:hover { &:hover {
background: $breadcrumb-hover-hl; background: $breadcrumb-hover-hl;
...@@ -169,14 +199,3 @@ ...@@ -169,14 +199,3 @@
} }
} }
.page-breadcrumb__caret {
opacity: 0;
position: absolute;
display: block;
width: 16px;
height: 16px;
right: -9px;
top: 5px;
z-index: 3;
}
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