overleaf/services/web/frontend/stylesheets/app/sidebar-v2-dash-pane.less

98 lines
1.9 KiB
Text
Raw Normal View History

2018-03-20 08:15:04 -04:00
.project-list-sidebar-wrapper {
height: 100%;
display: flex;
flex-direction: column;
2018-03-20 08:15:04 -04:00
}
.project-list-sidebar {
flex-grow: 1;
height: 100%;
padding-left: 15px;
padding-right: 15px;
}
.project-list-sidebar-survey {
position: relative;
font-size: @font-size-small;
background-color: @v2-dash-pane-bg;
color: @v2-dash-pane-subdued-color;
padding: @folders-menu-item-v-padding 20px @folders-menu-item-v-padding
@folders-menu-item-h-padding;
&::before {
content: '';
display: block;
height: 15px;
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.1), transparent);
position: absolute;
bottom: 100%;
width: 100%;
left: 0;
}
}
.project-list-sidebar-survey-link {
color: @v2-dash-pane-color;
font-weight: bold;
&:hover,
&:active,
&:focus {
text-decoration: none;
color: @v2-dash-pane-color;
}
}
.project-list-sidebar-survey-dismiss {
.btn-inline-link;
position: absolute;
top: @folders-menu-item-v-padding;
right: @folders-menu-item-v-padding;
font-size: @font-size-base;
line-height: 1;
color: @v2-dash-pane-color;
&:hover,
&:active,
&:focus {
text-decoration: none;
color: @v2-dash-pane-color;
}
}
.notification-close-button-style button {
&:hover {
background-color: transparent !important;
}
&:focus {
background-color: transparent !important;
}
}
.project-list-sidebar-v2-pane {
flex-grow: 0;
flex-shrink: 0;
text-align: center;
background-color: @v2-dash-pane-bg;
color: @v2-dash-pane-color;
font-size: 13px;
padding: @line-height-computed / 2;
}
.project-list-sidebar-v2-pane a {
color: @v2-dash-pane-link-color;
text-decoration: underline;
}
.project-list-sidebar-v2-pane a:hover {
text-decoration: none;
}
2018-03-20 09:50:51 -04:00
.project-list-sidebar-v2-pane-toggle {
color: @v2-dash-pane-toggle-color;
padding: 0;
line-height: 1;
&:hover,
&:active,
&:focus {
color: @v2-dash-pane-toggle-color;
}
}