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

8
components/nav/Header.vue
View File

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

22
components/nav/NamespaceFilter.vue
View File

@ -182,6 +182,10 @@ export default {
margin: 2px; margin: 2px;
user-select: none; user-select: none;
cursor: default; 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 { .filter ::v-deep INPUT {
@ -192,6 +196,24 @@ export default {
.filter ::v-deep INPUT:hover { .filter ::v-deep INPUT:hover {
background-color: transparent; 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> </style>
<template> <template>