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

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

@ -79,6 +79,9 @@
// Project table // Project table
@structured-list-link-color : @ol-blue; @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 //== Colors
// //