Add padding and properly gray out avatars in the namespace selector
This commit is contained in:
parent
526f9c07b9
commit
1380e526ff
2 changed files with 35 additions and 32 deletions
35
static/css/directives/ui/namespace-selector.css
Normal file
35
static/css/directives/ui/namespace-selector.css
Normal file
|
@ -0,0 +1,35 @@
|
||||||
|
.namespace-selector-dropdown .namespace {
|
||||||
|
padding: 6px;
|
||||||
|
padding-left: 10px;
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: 14px;
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
.namespace-selector-dropdown .namespace-item {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.namespace-selector-dropdown .namespace-item .fa {
|
||||||
|
position: absolute;
|
||||||
|
right: 12px;
|
||||||
|
top: 12px;
|
||||||
|
color: #aaa;
|
||||||
|
}
|
||||||
|
|
||||||
|
.namespace-selector-dropdown .avatar {
|
||||||
|
margin-right: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.namespace-selector-dropdown a.namespace {
|
||||||
|
color: black !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.namespace-selector-dropdown .namespace-item.disabled .avatar {
|
||||||
|
-webkit-filter: grayscale(1);
|
||||||
|
opacity: 0.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.namespace-selector-dropdown .namespace-item .tooltip-inner {
|
||||||
|
min-width: 200px;
|
||||||
|
}
|
|
@ -548,38 +548,6 @@ i.toggle-icon:hover {
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.namespace-selector-dropdown .namespace {
|
|
||||||
padding: 6px;
|
|
||||||
padding-left: 10px;
|
|
||||||
cursor: pointer;
|
|
||||||
font-size: 14px;
|
|
||||||
color: black;
|
|
||||||
}
|
|
||||||
|
|
||||||
.namespace-selector-dropdown .namespace-item {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.namespace-selector-dropdown .namespace-item .fa {
|
|
||||||
position: absolute;
|
|
||||||
right: 12px;
|
|
||||||
top: 12px;
|
|
||||||
color: #aaa;
|
|
||||||
}
|
|
||||||
|
|
||||||
.namespace-selector-dropdown a.namespace {
|
|
||||||
color: black !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.namespace-selector-dropdown .namespace-item.disabled img {
|
|
||||||
-webkit-filter: grayscale(1);
|
|
||||||
opacity: 0.5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.namespace-selector-dropdown .namespace-item .tooltip-inner {
|
|
||||||
min-width: 200px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.notification-primary {
|
.notification-primary {
|
||||||
background: #428bca;
|
background: #428bca;
|
||||||
color: white;
|
color: white;
|
||||||
|
|
Reference in a new issue