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

Merge pull request #1673 from overleaf/jel-cms-table-style

Browse source 
Styling for features table

GitOrigin-RevId: a8c37cf9bcda7c93d3d910036cd08f3cba06209e
This commit is contained in:
Jessica Lawshe 2019-05-20 10:58:14 -05:00 committed by sharelatex
parent e03b5ae691
commit 8c2da6afab
2 changed files with 75 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
services/web/config/settings.defaults.coffee
View file

@ -542,5 +542,6 @@ module.exports = settings =
'span': [ 'class', 'id', 'style' ]
'table': [ 'border', 'class', 'id', 'style' ]
'td': [ 'colspan', 'rowspan', 'headers' ]
'th': [ 'abbr', 'headers', 'colspan', 'rowspan', 'scope', 'sorted' ]
'video': [ 'alt', 'class', 'controls', 'height', 'width' ]
'th': [ 'abbr', 'headers', 'colspan', 'rowspan', 'scope', 'sorted', 'style' ]
'tr': [ 'class' ]
'video': [ 'alt', 'class', 'controls', 'height', 'width' ]

73
services/web/public/stylesheets/app/cms-page.less
View file

@ -103,10 +103,81 @@
word-break: normal;
}
}
.fa-check-square {
}
.table-styled, .features-table {
.fa-check-square, .fa-check {
color: @ol-green;
}
}
.features-table {
background: white;
max-width: none;
th, td {
border: 1px solid @gray-lighter;
hyphens: auto;
padding: @padding-sm;
text-align: center;
}
th, td {
width: 20%;
}
.btn {
max-width: 100%;
white-space: pre-wrap;
word-wrap: break-word;
}
&.left-align-first-col {
td, th {
text-align: left;
}
td + td,
th + th {
text-align: center;
}
}
.hidden-row-above-xs {
display: none;
}
@media screen and (max-width: @screen-xs-max) {
tbody, thead {
display: block;
}
tr {
display: flex;
flex-flow: row wrap;
justify-content: space-around;
}
td, th {
display: block;
width: 25%;
}
tr:first-child {
th {
width: 50%;
}
th:first-child {
width: 100%;
}
}
td:first-child {
text-align: center;
background: #efefef;
width: 100%;
}
.hidden-row-xs {
display: none;
}
.hidden-row-above-xs {
display: flex;
}
.table-header {
text-align: center;
}
}
}
/*
universities page