1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-12-20 07:13:29 -05:00
overleaf/services/web/public/stylesheets/app/project-list.less

268 lines
4.5 KiB
Text
Raw Normal View History

2014-06-04 12:46:22 -04:00
.project-header {
2014-07-07 11:22:38 -04:00
.btn-group > .btn {
padding-left: @line-height-base / 2;
padding-right: @line-height-base / 2;
}
2014-06-04 12:46:22 -04:00
}
.project-search {
2014-07-07 11:22:38 -04:00
margin: @line-height-base 0;
2014-06-04 12:46:22 -04:00
}
.project-tools {
2014-07-07 11:22:38 -04:00
display: inline;
2014-06-04 12:46:22 -04:00
}
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;
}
}
2016-02-04 09:28:31 -05:00
.userNotifications {
ul {
margin-bottom:0px;
}
.alert {
.box-shadow(2px 4px 6px rgba(0, 0, 0, 0.25));
}
2016-02-04 09:28:31 -05:00
}
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;
}
2016-01-28 10:11:57 -05:00
> li {
cursor: pointer;
2014-06-19 08:30:45 -04:00
line-height: 1.8;
2016-01-28 10:11:57 -05:00
position: relative;
> 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);
display: inline-block;
line-height: 1.2;
2014-06-12 11:21:12 -04:00
}
}
2016-01-28 10:11:57 -05:00
> li.active {
2014-06-19 08:30:45 -04:00
//border-right: 4px solid @red;
2016-01-28 10:11:57 -05:00
background-color: @link-color;
border-radius: @border-radius-small;
> a {
2014-06-12 11:21:12 -04:00
font-weight: 700;
2014-06-19 08:30:45 -04:00
color: white;
.subdued {
color: white;
}
2014-06-12 11:21:12 -04:00
}
}
2016-01-28 10:11:57 -05:00
> li > a.small {
2014-07-16 09:59:52 -04:00
color: @gray;
}
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;
}
2016-01-28 10:11:57 -05:00
> li.tag {
&.active {
.tag-menu > a {
color: white;
border-color: white;
&:hover {
background-color: darken(@brand-primary, 10%);
}
}
}
&:hover {
&:not(.active) {
background-color: darken(@gray-lightest, 2%);
}
.tag-menu {
display: block
}
}
2016-01-28 10:11:57 -05:00
&:not(.active) {
.tag-menu > a:hover {
background-color: @gray-light;
}
}
a.tag-name {
padding: 2px (@line-height-computed / 4);
margin-right: 18px;
display: inline-block;
2016-01-28 10:11:57 -05:00
position: relative;
i {
position: absolute;
top: 5px;
left: 6px;
}
span.name {
display: inline-block;
padding-left: 22px;
line-height: 1.4;
}
}
.tag-menu {
> a {
border: 1px solid @gray;
border-radius: @border-radius-small;
color: @text-color;
display: block;
width: 16px;
height: 16px;
position: relative;
.caret {
position: absolute;
top: 6px;
left: 1px;
}
}
display: none;
position: absolute;
top: 6px;
right: 4px;
&.open {
display: block;
}
}
}
2014-06-06 12:47:52 -04:00
}
2014-06-06 14:19:53 -04:00
form.project-search {
.form-group {
margin-bottom: 0;
}
}
ul.structured-list {
list-style-type: none;
margin: 0;
2014-06-04 12:46:22 -04:00
overflow: hidden;
overflow-y: auto;
2014-06-04 12:46:22 -04:00
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 {
.header {
2014-06-04 12:46:22 -04:00
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%);
}
.header {
text-transform: uppercase;
}
.select-item, .select-all {
2014-06-04 12:46:22 -04:00
display: inline-block;
}
2014-06-04 12:46:22 -04:00
.select-item, .select-all {
position: absolute;
left: @line-height-computed;
}
.select-item + span, .select-all + span {
display: inline-block;
padding-left: @line-height-computed * 1.5;
}
}
}
ul.project-list {
li {
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 {
margin-right: @line-height-computed / 4;
}
2014-06-04 12:46:22 -04:00
.tag-label {
margin-left: @line-height-computed / 4;
position: relative;
top: -2px;
padding-top: 0.25em;
display: inline-block;
color: white;
}
}
i.tablesort {
padding-left: 8px;
}
}
2014-07-07 11:22:38 -04:00
.user_details_auto_complete {
2014-07-07 11:22:38 -04:00
ul>li{
list-style:none;
}
.autocomplete {
width: 100%;
position: relative;
}
.autocomplete ul {
position: absolute;
top: 100%;
left: 0;
z-index: @zindex-dropdown;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0; // override default ul
list-style: none;
font-size: @font-size-base;
background-color: @dropdown-bg;
border: 1px solid @dropdown-fallback-border; // IE8 fallback
border: 1px solid @dropdown-border;
border-radius: @border-radius-base;
.box-shadow(0 6px 12px rgba(0,0,0,.175));
background-clip: padding-box;
// Links within the dropdown menu
> li {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: @line-height-base;
color: @dropdown-link-color;
white-space: nowrap; // prevent links from randomly breaking onto new lines
}
> li.active {
text-decoration: none;
color: @dropdown-link-hover-color;
background-color: @dropdown-link-hover-bg;
}
}
.autocomplete .highlight {
font-weight: 700;
}
}