Commit 317bf10c authored by Andrew Hrdy's avatar Andrew Hrdy
Browse files

Cards scale down when selected

parent d5881001
Pipeline #1785 passed with stage
in 1 minute and 40 seconds
......@@ -23,8 +23,7 @@
}
//Between lg and xl
//@media screen and (min-width: map-get($breakpoints, lg)) and (max-width: map-get($breakpoints, xl)) {
@media screen and (min-width: 1024px) and (max-width: 1680px) {
@media screen and (min-width: map-get($breakpoints, lg)) and (max-width: map-get($breakpoints, xl)) {
.favorite-button-heart {
height: 24px * $favorite-button-lg-scale !important;
width: 24px * $favorite-button-lg-scale !important;
......@@ -33,8 +32,7 @@
}
//Under lg
//@media screen and (max-width: map-get($breakpoints, lg)) {
@media screen and (max-width: 1024px) {
@media screen and (max-width: map-get($breakpoints, lg)) {
.favorite-button-heart {
height: 24px * $favorite-button-sm-scale !important;
width: 24px * $favorite-button-sm-scale !important;
......
......@@ -65,7 +65,7 @@
display: flex;
height:32px;
}
@media screen and (max-width: map-get($breakpoints, lg)) {
@media screen and (max-width: map-get($breakpoints, lg) - 1px) {
.sidebar-root {
display: none !important;
}
......
@import '../_variables.scss';
@import '../_mixins.scss';
.fc-root {
width: 250px;
......@@ -88,10 +89,19 @@
overflow: hidden;
}
//Above lg
@media screen and (min-width: map-get($breakpoints, lg)) {
.fc-root {
@include transition(150ms ease-in-out);
&.fc-selected {
transform: scale(.9);
}
}
}
//Between lg and xl
// (min-width: 1024px) and (max-width: 1680px)
//@media screen and (min-width: map-get($breakpoints, lg)) and (max-width: map-get($breakpoints, xl)) {
@media screen and (min-width: 1024px) and (max-width: 1680px) {
@media screen and (min-width: map-get($breakpoints, lg)) and (max-width: map-get($breakpoints, xl)) {
.fc-root {
width: 250px * $fc-lg-scale;
height: 230px;
......@@ -129,9 +139,7 @@
}
//Under lg
// (max-width: 1024px)
//@media screen and (max-width: map-get($breakpoints, lg)) {
@media screen and (max-width: 1024px) {
@media screen and (max-width: map-get($breakpoints, lg) - 1px) {
.fc-root {
&.fc-selected {
.fc-one-line-ellipsis {
......
@import '../_variables.scss';
.layout-root {
padding-top: 64px;
box-sizing: border-box;
......@@ -54,7 +56,7 @@
overflow-x: hidden;
}
@media screen and (max-width: 960px) {
@media screen and (max-width: map-get($breakpoints, lg) - 1px) {
.layout-sidebar-toggle-container {
display: none;
}
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment