rancher
/
dashboard
mirror of https://github.com/rancher/dashboard.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

header fixes

This commit is contained in:
lvuch 2020-08-27 11:47:02 -07:00
parent 0e77dc38f7
commit f5ddf4b129
3 changed files with 27 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/nav/ClusterSwitcher.vue
View File

@ -88,7 +88,7 @@ export default {
.filter ::v-deep .v-select {
max-width: 100%;
display: inline-block;
margin: 11px 0;
margin-top: 10px;
border: 1px solid var(--header-btn-bg);
color: var(--header-btn-text);
background: rgba(0,0,0,.05);
@ -104,7 +104,7 @@ export default {
}
.vs__dropdown-toggle {
height: calc(var(--header-height) - 22px);
height: calc(var(--header-height) - 19px);
background-color: transparent;
border: 0;
@ -114,7 +114,7 @@ export default {
}
.vs__selected {
margin: 2px;
// margin: 2px;
user-select: none;
cursor: default;
color: white;

8
components/nav/Header.vue
View File

@ -160,7 +160,7 @@ export default {
padding: 0 5px 0 0;
.btn {
margin: 11px 0 0 0;
margin: 10px 0 0 0;
text-align: center;
}
}
@ -178,11 +178,7 @@ export default {
> .top {
grid-area: top;
background-color: var(--header-bg);
padding-top: 6px;
.vs__dropdown-toggle {
background: pink!important;
}
padding-top: 10px;
INPUT[type='search']::placeholder,
.vs__open-indicator,

22
components/nav/NamespaceFilter.vue
View File

@ -182,6 +182,10 @@ export default {
margin: 2px;
user-select: none;
cursor: default;
background: rgba(255, 255, 255, 0.25);
border: solid white thin;
color: white;
height: calc(var(--header-height) - 25px);
}
.filter ::v-deep INPUT {
@ -192,6 +196,24 @@ export default {
.filter ::v-deep INPUT:hover {
background-color: transparent;
}
.filter ::v-deep .vs__dropdown-toggle {
max-width: 100%;
border: 1px solid var(--header-btn-bg);
color: var(--header-btn-text);
background: rgba(0, 0, 0, 0.05);
border-radius: var(--border-radius);
height: calc(var(--header-height) - 19px);
}
.filter ::v-deep .vs__deselect:after {
color: white;
}
.filter ::v-deep .v-select .vs__actions:after {
fill: white !important;
color: white !important;
}
</style>
<template>