github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-21 20:47:08 -05:00
Code Issues Projects Releases Packages Wiki Activity

Style the project list table.

Browse source
This commit is contained in:
Paulo Reis 2017-09-26 13:49:46 +01:00
parent f6e236afa6
commit 1b6829eed6
3 changed files with 40 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

58
services/web/public/stylesheets/app/project-list.less
View file

@ -222,38 +222,42 @@ ul.structured-list {
overflow: hidden;
overflow-y: auto;
li {
border-bottom: 1px solid @gray-lightest;
border-bottom: 1px solid @structured-list-border-color;
padding: (@line-height-computed / 4) 0;
&:first-child {
.header {
font-size: 1rem;
}
}
// &:first-child {
// .header {
// font-size: 1rem;
// }
// }
&:last-child {
border-bottom: 0 none;
}
&:hover {
background-color: @gray-lightest;
background-color: @structured-list-hover-color;
}
&:first-child:hover {
background-color: white;
&:first-child {
border-bottom-color: @structured-header-border-color;
&:hover {
background-color: transparent;
}
}
a {
color: @structured-list-link-color;
}
.header {
text-transform: uppercase;
font-weight: 600;
}
.select-item, .select-all {
display: inline-block;
margin: 0 (@line-height-computed / 4);
}
.select-item, .select-all {
position: absolute;
left: @line-height-computed;
}
// .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;
padding-left: (@line-height-computed / 4);
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
@ -262,17 +266,23 @@ ul.structured-list {
}
}
.project-list-card {
padding: 0 (@line-height-computed / 4);
}
ul.project-list {
li {
.last-modified, .owner {
font-size: .8rem;
}
.owner {
margin-right: 0;
}
.projectName {
margin-right: @line-height-computed / 4;
}
line-height: 3;
padding: 0;
// .last-modified, .owner {
// font-size: .8rem;
// }
// .owner {
// margin-right: 0;
// }
// .projectName {
// margin-right: @line-height-computed / 4;
// }
.tag-label {
margin-left: @line-height-computed / 4;
position: relative;

3
services/web/public/stylesheets/core/_common-variables.less
View file

@ -801,6 +801,9 @@
@card-box-shadow: 0 2px 4px rgba(0,0,0,0.15);
@structured-list-link-color: darken(@blue, 10%);
@structured-header-border-color: @gray-lightest;
@structured-list-border-color: @gray-lightest;
@structured-list-hover-color: @gray-lightest;
@sidebar-bg: transparent;
@sidebar-link-color: #333;

3
services/web/public/stylesheets/core/ol-variables.less
View file

@ -79,6 +79,9 @@
// Project table
@structured-list-link-color : @ol-blue;
@structured-header-border-color : shade(@ol-blue-gray-1, 5%);
@structured-list-border-color : @ol-blue-gray-1;
@structured-list-hover-color : lighten(@ol-blue-gray-1, 5%);
//== Colors
//