mirror of
https://github.com/empayre/fleet.git
synced 2024-11-07 09:18:59 +00:00
9750a81f0e
- Explicitly import all icon png assets in the component files they're referenced. Instead of creating a relative path to the icon image asset in the `<Icon />` component. This allows icon assets to be independent of any custom url prefix and fixes #193. In addition, eslint now catches all unresolved paths to image assets. - Remove the `<Icon />` component - Remove `icon_name.js` - Add `<Link />` component and PATHS to 404 and 500 pages. These pages now work with a custom URL prefix specified. - Remove all icons from the Hosts side panel. These changes are part of the Hosts UI #162.
60 lines
975 B
SCSS
60 lines
975 B
SCSS
.user-menu {
|
|
padding: 0;
|
|
|
|
&__nav-list {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
&__nav-item {
|
|
font-size: $x-small;
|
|
font-weight: $regular;
|
|
cursor: pointer;
|
|
|
|
&:hover {
|
|
background-color: $core-black-over;
|
|
}
|
|
|
|
&--active {
|
|
background-color: $core-black;
|
|
border-right: 3px solid $core-blue;
|
|
font-weight: $bold;
|
|
|
|
&:hover {
|
|
background-color: $core-black;
|
|
}
|
|
}
|
|
|
|
a {
|
|
transition: opacity 75ms $ease-in-quad, background 75ms $ease-in-quad;
|
|
color: $white;
|
|
display: flex;
|
|
align-items: center;
|
|
text-decoration: none;
|
|
text-transform: none;
|
|
padding: 11px 20px;
|
|
}
|
|
|
|
.icon {
|
|
margin-right: 24px;
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
|
|
@include breakpoint(smalldesk) {
|
|
a {
|
|
padding: 11px 14px;
|
|
|
|
span {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
&:last-child {
|
|
margin-bottom: 11px;
|
|
}
|
|
}
|
|
}
|
|
|