overleaf/services/web/public/stylesheets/app/project-list.less

127 lines
2.1 KiB
Text
Raw Normal View History

2014-06-04 12:46:22 -04:00
.project-header {
.btn-group > .btn {
padding-left: @line-height-base / 2;
padding-right: @line-height-base / 2;
}
}
.project-search {
margin: @line-height-base 0;
}
.project-tools {
display: inline;
}
2014-07-07 09:58:12 -04:00
.first-project {
width: 127px;
text-align: center;
}
.user-profile {
.progress {
height: @line-height-computed / 2;
margin-bottom: @line-height-computed / 4;
}
p {
margin-bottom: @line-height-computed / 4;
}
}
2014-06-06 12:47:52 -04:00
ul.folders-menu {
2014-06-12 11:21:12 -04:00
margin: 0;
2014-06-19 08:30:45 -04:00
.subdued {
color: @gray-light;
}
2014-06-12 11:21:12 -04:00
li {
2014-06-19 08:30:45 -04:00
line-height: 1.8;
2014-06-12 11:21:12 -04:00
a {
2014-06-19 08:30:45 -04:00
font-size: 0.9rem;
2014-06-12 11:21:12 -04:00
color: #333;
2014-06-19 08:30:45 -04:00
padding: (@line-height-computed / 4);
2014-06-12 11:21:12 -04:00
}
}
li.active {
2014-06-19 08:30:45 -04:00
//border-right: 4px solid @red;
2014-06-12 11:21:12 -04:00
a {
font-weight: 700;
2014-06-19 08:30:45 -04:00
color: white;
background-color: @link-color;
border-radius: @border-radius-small;
.subdued {
color: white;
}
2014-06-12 11:21:12 -04:00
}
}
2014-06-19 08:30:45 -04:00
h2 {
margin-top: @line-height-computed / 2;
margin-bottom: @line-height-computed / 4;
font-size: @font-size-base;
font-weight: 500;
font-family: @font-family-sans-serif;
}
2014-06-06 12:47:52 -04:00
}
2014-06-06 14:19:53 -04:00
form.project-search {
.form-group {
margin-bottom: 0;
}
}
2014-06-06 14:37:04 -04:00
ul.project-list {
list-style-type: none;
margin: 0;
2014-06-04 12:46:22 -04:00
overflow: hidden;
overflow-y: scroll;
li {
2014-06-09 03:51:12 -04:00
border-bottom: 1px solid @gray-lightest;
padding: (@line-height-computed / 4) 0;
2014-06-04 12:46:22 -04:00
&:first-child {
.last-modified, .owner {
font-size: 1rem;
}
}
2014-06-04 12:46:22 -04:00
&:last-child {
border-bottom: 0 none;
}
2014-06-04 12:46:22 -04:00
&:hover {
2014-06-09 03:51:12 -04:00
background-color: @gray-lightest;
}
2014-06-04 12:46:22 -04:00
&:first-child:hover {
background-color: white;
}
2014-06-04 12:46:22 -04:00
a {
2014-06-09 03:51:12 -04:00
color: darken(@blue, 10%);
}
2014-06-04 12:46:22 -04:00
.select-item, .select-all, .title, .last-modified, .owner {
display: inline-block;
vertical-align: top;
2014-06-09 03:51:12 -04:00
margin-right: @line-height-computed;
}
2014-06-04 12:46:22 -04:00
.select-item, .select-all {
2014-06-09 03:51:12 -04:00
margin-left: @line-height-computed / 4;
}
2014-06-04 12:46:22 -04:00
.last-modified, .owner {
font-size: .8rem;
}
2014-06-04 12:46:22 -04:00
.owner {
margin-right: 0;
}
2014-06-04 12:46:22 -04:00
.projectName {
2014-06-09 03:51:12 -04:00
margin-right: @line-height-computed;
}
}
2014-06-04 12:46:22 -04:00
.project_entry {
.tag-label {
margin-right: 5px;
font-size: 12px;
2014-06-04 12:46:22 -04:00
cursor: arrow;
i {
margin-top: 1px;
cursor: pointer;
}
2014-06-04 12:46:22 -04:00
margin-bottom: 5px;
}
}
}