scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2024-12-30 20:23:14 +08:00
Code Issues Projects Releases Packages Wiki Activity

Fix tablet view

Browse source
This commit is contained in:
Anton Ignatov 2019-09-05 09:05:25 +02:00 committed by aignatov-bio
parent 5b8e1fedf1
commit 163a17d6d9
1 changed files with 21 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
app/assets/stylesheets/global_activities.scss
View file

@ -162,6 +162,7 @@
.ga-bottom { .ga-bottom {
display: flex; display: flex;
flex-grow: 1; flex-grow: 1;
height: 100%;
} }
.ga-main { .ga-main {
@ -223,6 +224,7 @@
&:hover { &:hover {
background-color: $brand-primary-light; background-color: $brand-primary-light;
border-radius: 5px;
} }
.activity-text { .activity-text {
@ -292,7 +294,7 @@
} }
.ga-side { .ga-side {
flex-basis: 350px; flex-basis: 320px;
flex-shrink: 0; flex-shrink: 0;
height: 100%; height: 100%;
margin-right: -15px; margin-right: -15px;
@ -389,6 +391,24 @@
} }
} }
@media (max-width: 900px) {
.ga-main {
.activities-day {
flex-direction: column;
.date-activities {
margin: 5px 10px 0 0;
padding-left: 10px;
.activities-counter-label {
border-bottom: 1px solid $color-gainsboro;
padding-bottom: 5px;
}
}
}
}
}
// Common code // Common code
.datetime-picker-container { .datetime-picker-container {