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

Merge pull request #1683 from sharelatex/jel-gallery-layout

Browse source 
Gallery list column styling

GitOrigin-RevId: 9ec3207dcd867894a5318a8d71c48be175615480
This commit is contained in:
Jessica Lawshe 2019-04-08 16:56:09 +01:00 committed by sharelatex
parent 2ae27fbc6a
commit ca9e6044c8
1 changed files with 17 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
services/web/public/stylesheets/app/templates-v2.less
View file

@ -41,11 +41,6 @@
} }
} }
.templates-container {
column-count: 2;
column-gap: 2em;
}
.template-thumbnail { .template-thumbnail {
display: inline-block; display: inline-block;
margin: 0 0 2em; margin: 0 0 2em;
@ -98,10 +93,25 @@
} }
/* Media Queries */ /* Media Queries */
@media (max-width: @screen-xs-max) {
.templates-container {
column-count: 2;
column-gap: 2em;
}
}
@media (min-width: @screen-sm-min) { @media (min-width: @screen-sm-min) {
.templates-container { .templates-container {
column-count: 3; &.use-column {
column-gap: 3em; column-count: 3;
column-gap: 3em;
}
&.use-percent {
margin: 0 -1.5em;
.template-thumbnail {
width: 33.3333333%;
padding: 0 1.5em;
}
}
} }
} }
@media (min-width: @screen-md-min) { @media (min-width: @screen-md-min) {