htwkmooc/codeocean
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Prepare grid

Browse Source
This commit is contained in:
Maximilian Grundke
2018-03-13 17:37:43 +01:00
parent 7031dd389e
commit da0859d483
3 changed files with 29 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
app/assets/stylesheets/statistics.css.scss
View File

@ -58,3 +58,30 @@ div.negative-result {
box-shadow: 0px 0px 11px 1px rgba(222,0,0,1); box-shadow: 0px 0px 11px 1px rgba(222,0,0,1);
} }
/////////////////////////////////////////////////////////////////////////////////////////////
// StatisticsController:
.statistics-wrapper {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-auto-rows: 150px;
grid-gap: 10px;
> div {
border: 2px solid #0055ba;
border-radius: 5px;
background-color: #008cba;
padding: 1em;
color: #fff;
display: flex;
flex-flow: column-reverse;
text-align: center;
> .data {
flex-grow: 1;
font-size: 40px;
vertical-align: middle;
line-height: 100px;
}
}
}

3
app/assets/stylesheets/statistics.scss
View File

@ -1,3 +0,0 @@
// Place all the styles related to the Statistics controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/

2
app/views/statistics/show.html.slim
View File

@ -1 +1,3 @@
h1 = t('shared.statistics') h1 = t('shared.statistics')
.statistics-wrapper