github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-09-16 02:52:31 -04:00
Code Issues Projects Releases Packages Wiki Activity

Plans features table styling for v2

Browse source
This commit is contained in:
Jessica Lawshe 2018-08-27 10:04:16 -05:00
parent c1d37a712c
commit 3a2c9a3830
3 changed files with 14 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
services/web/public/stylesheets/app/plans.less
View file

@ -43,7 +43,7 @@
} }
} }
.card-first, .card-last { .card-first, .card-last {
background: @white-med; background: @plans-non-highlighted;
} }
.card-highlighted { .card-highlighted {
border: @highlight-border solid @gray-lighter; border: @highlight-border solid @gray-lighter;
@ -165,9 +165,7 @@
*/ */
@best-val-height: 35px; @best-val-height: 35px;
@highlight-border: 3px; @highlight-border: 3px;
@highlight-color: #d3584b;
@gray-med: #6d6d6d; @gray-med: #6d6d6d;
@white-med: #fdfdfd;
/* Media Queries */ /* Media Queries */
@media (max-width: @screen-sm-max) { @media (max-width: @screen-sm-max) {
@ -208,7 +206,7 @@
*/ */
.plans-table { .plans-table {
border: 1px solid @gray-lighter; border: 1px solid @gray-lighter;
background-color: @white-med; background-color: @plans-non-highlighted;
margin: @best-val-height 0 15px 0; margin: @best-val-height 0 15px 0;
table-layout: fixed; table-layout: fixed;
width: 100%; width: 100%;
@ -231,8 +229,8 @@
border-top: 0; border-top: 0;
font-family: @headings-font-family; font-family: @headings-font-family;
font-size: @font-size-h2; font-size: @font-size-h2;
font-weight: @headings-font-weight; font-weight: @headings-font-weight;
line-height: @headings-line-height; line-height: @headings-line-height;
padding: 18px; padding: 18px;
} }
@ -262,7 +260,7 @@
border-bottom: 0; border-bottom: 0;
padding: 18px; padding: 18px;
} }
/* highlighted column */ /* highlighted column */
td:nth-child(3) { td:nth-child(3) {
position: relative; position: relative;
/* keep here position here, otherwise messes up border on safari when there is a bg color */ /* keep here position here, otherwise messes up border on safari when there is a bg color */
@ -333,7 +331,7 @@
/* highlight rows on hover */ /* highlight rows on hover */
tr:hover { tr:hover {
td { td {
background-color: @gray-lightest; background-color: @table-hover-bg;
} }
} }
tr:first-child:hover { tr:first-child:hover {

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

@ -415,6 +415,10 @@
@pager-disabled-color: @pagination-disabled-color; @pager-disabled-color: @pagination-disabled-color;
// Plans
@table-hover-bg: @gray-lightest;
@plans-non-highlighted: #fdfdfd;
//== Jumbotron //== Jumbotron
// //
//## //##

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

@ -312,6 +312,10 @@
@log-line-no-color : #FFF; @log-line-no-color : #FFF;
@log-hints-color : @ol-blue-gray-4; @log-hints-color : @ol-blue-gray-4;
// Plans
@table-hover-bg : @ol-blue-gray-0;
@plans-non-highlighted : white;
// Portals // Portals
@black-alpha-strong : rgba(0,0,0,0.8); @black-alpha-strong : rgba(0,0,0,0.8);