@atlassian/aui
Version:
Atlassian User Interface Framework
128 lines (126 loc) • 4.38 kB
CSS
.aui-sidebar .aui-navgroup .aui-sidebar-button,
.aui-sidebar-submenu .aui-navgroup .aui-sidebar-button {
margin-bottom: 10px;
margin-left: 3px;
}
.aui-sidebar .aui-navgroup .aui-sidebar-button > .aui-icon,
.aui-sidebar-submenu .aui-navgroup .aui-sidebar-button > .aui-icon {
margin-right: 3px;
}
.aui-sidebar .aui-nav-item-label,
.aui-sidebar-submenu .aui-nav-item-label {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: block;
word-wrap: normal;
}
.aui-sidebar .aui-navgroup-vertical .aui-nav > li > .aui-nav-item,
.aui-sidebar-submenu .aui-navgroup-vertical .aui-nav > li > .aui-nav-item {
border-radius: 3px;
box-sizing: content-box;
display: block;
line-height: 1.42857143;
padding: 7px 10px;
padding-left: 7px;
padding-right: 23px;
}
.aui-sidebar .aui-navgroup-vertical .aui-nav .aui-nav-item-actions,
.aui-sidebar-submenu .aui-navgroup-vertical .aui-nav .aui-nav-item-actions {
top: 9px;
height: 16px;
width: 16px;
}
.aui-sidebar .aui-navgroup-vertical .aui-nav .aui-nav[data-more] .aui-nav-more ~ li,
.aui-sidebar-submenu .aui-navgroup-vertical .aui-nav .aui-nav[data-more] .aui-nav-more ~ li {
height: 0;
overflow: hidden;
}
.aui-sidebar .aui-navgroup-vertical .aui-nav .aui-nav .aui-nav-item-actions,
.aui-sidebar-submenu .aui-navgroup-vertical .aui-nav .aui-nav .aui-nav-item-actions {
margin-right: 0;
}
.aui-sidebar .aui-navgroup-vertical .aui-nav .aui-nav-selected > .aui-nav-item,
.aui-sidebar-submenu .aui-navgroup-vertical .aui-nav .aui-nav-selected > .aui-nav-item {
background-color: rgba(9, 30, 66, 0.08);
color: #42526E;
font-weight: 500;
}
.aui-sidebar .aui-nav > li,
.aui-sidebar-submenu .aui-nav > li {
position: relative;
}
.aui-sidebar .aui-nav > li > .aui-nav-item,
.aui-sidebar-submenu .aui-nav > li > .aui-nav-item {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.aui-sidebar .aui-nav > li > .aui-nav-item > .aui-icon,
.aui-sidebar-submenu .aui-nav > li > .aui-nav-item > .aui-icon {
color: #505F79;
height: 20px;
width: 20px;
margin-right: 10px;
float: left;
}
.aui-sidebar .aui-nav > li > .aui-nav-item > .aui-icon::before,
.aui-sidebar-submenu .aui-nav > li > .aui-nav-item > .aui-icon::before {
font-size: 20px;
margin-top: -10px;
}
.aui-sidebar .aui-nav > li > .aui-nav-item > .aui-icon.aui-icon-small::before,
.aui-sidebar-submenu .aui-nav > li > .aui-nav-item > .aui-icon.aui-icon-small::before {
font-size: 16px;
padding: 2px;
}
.aui-sidebar .aui-navgroup-vertical .aui-nav > li[aria-expanded] > .aui-nav-subtree-toggle,
.aui-sidebar-submenu .aui-navgroup-vertical .aui-nav > li[aria-expanded] > .aui-nav-subtree-toggle {
top: 7px;
left: 7px;
color: #505F79;
}
.aui-sidebar .aui-navgroup-vertical .aui-nav > li[aria-expanded] > .aui-nav-subtree-toggle + .aui-nav-item,
.aui-sidebar-submenu .aui-navgroup-vertical .aui-nav > li[aria-expanded] > .aui-nav-subtree-toggle + .aui-nav-item {
padding-left: 37px;
}
.aui-sidebar .aui-navgroup-vertical .aui-nav > li[aria-expanded] > .aui-nav-subtree-toggle + .aui-nav-item > .aui-icon,
.aui-sidebar-submenu .aui-navgroup-vertical .aui-nav > li[aria-expanded] > .aui-nav-subtree-toggle + .aui-nav-item > .aui-icon {
display: none;
}
.aui-sidebar .aui-navgroup-vertical .aui-nav > li[aria-expanded] > .aui-nav-subtree-toggle ~ .aui-nav,
.aui-sidebar-submenu .aui-navgroup-vertical .aui-nav > li[aria-expanded] > .aui-nav-subtree-toggle ~ .aui-nav {
padding-left: 30px;
}
.aui-sidebar hr,
.aui-sidebar-submenu hr {
display: none;
}
.aui-sidebar[aria-expanded="false"] .aui-nav-heading {
display: none;
}
.aui-sidebar[aria-expanded="false"] .aui-navgroup-vertical .aui-nav > li[aria-expanded] > .aui-nav-subtree-toggle + .aui-nav-item {
padding-left: 0;
}
.aui-sidebar[aria-expanded="false"] .aui-navgroup-vertical .aui-nav > li[aria-expanded] > .aui-nav-subtree-toggle + .aui-nav-item > .aui-icon {
display: block;
}
.aui-sidebar[aria-expanded="false"] .aui-nav-sortable > li > a:after {
left: 0;
top: 8px;
}
.aui-sidebar[aria-expanded="false"] .aui-nav-item-actions {
display: none;
}
.aui-sidebar-submenu-dialog > .aui-inline-dialog-contents {
padding: 10px;
width: 300px;
max-height: 812px;
}
.aui-sidebar-submenu {
position: static;
background: transparent;
border-right: 0;
width: auto;
}
/*# sourceMappingURL=aui-sidebar-navigation.css.map */