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;
|
||||
}
|
||||
|
||||
.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 {
|
||||
background: #428bca;
|
||||
color: white;
|
||||
|
|
Reference in a new issue