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 @@ ...@@ -23,8 +23,7 @@
} }
//Between lg and xl //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: map-get($breakpoints, lg)) and (max-width: map-get($breakpoints, xl)) {
@media screen and (min-width: 1024px) and (max-width: 1680px) {
.favorite-button-heart { .favorite-button-heart {
height: 24px * $favorite-button-lg-scale !important; height: 24px * $favorite-button-lg-scale !important;
width: 24px * $favorite-button-lg-scale !important; width: 24px * $favorite-button-lg-scale !important;
...@@ -33,8 +32,7 @@ ...@@ -33,8 +32,7 @@
} }
//Under lg //Under lg
//@media screen and (max-width: map-get($breakpoints, lg)) { @media screen and (max-width: map-get($breakpoints, lg)) {
@media screen and (max-width: 1024px) {
.favorite-button-heart { .favorite-button-heart {
height: 24px * $favorite-button-sm-scale !important; height: 24px * $favorite-button-sm-scale !important;
width: 24px * $favorite-button-sm-scale !important; width: 24px * $favorite-button-sm-scale !important;
......
...@@ -65,7 +65,7 @@ ...@@ -65,7 +65,7 @@
display: flex; display: flex;
height:32px; height:32px;
} }
@media screen and (max-width: map-get($breakpoints, lg)) { @media screen and (max-width: map-get($breakpoints, lg) - 1px) {
.sidebar-root { .sidebar-root {
display: none !important; display: none !important;
} }
......
@import '../_variables.scss'; @import '../_variables.scss';
@import '../_mixins.scss';
.fc-root { .fc-root {
width: 250px; width: 250px;
...@@ -88,10 +89,19 @@ ...@@ -88,10 +89,19 @@
overflow: hidden; 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 //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: map-get($breakpoints, lg)) and (max-width: map-get($breakpoints, xl)) {
@media screen and (min-width: 1024px) and (max-width: 1680px) {
.fc-root { .fc-root {
width: 250px * $fc-lg-scale; width: 250px * $fc-lg-scale;
height: 230px; height: 230px;
...@@ -129,9 +139,7 @@ ...@@ -129,9 +139,7 @@
} }
//Under lg //Under lg
// (max-width: 1024px) @media screen and (max-width: map-get($breakpoints, lg) - 1px) {
//@media screen and (max-width: map-get($breakpoints, lg)) {
@media screen and (max-width: 1024px) {
.fc-root { .fc-root {
&.fc-selected { &.fc-selected {
.fc-one-line-ellipsis { .fc-one-line-ellipsis {
......
@import '../_variables.scss';
.layout-root { .layout-root {
padding-top: 64px; padding-top: 64px;
box-sizing: border-box; box-sizing: border-box;
...@@ -54,7 +56,7 @@ ...@@ -54,7 +56,7 @@
overflow-x: hidden; overflow-x: hidden;
} }
@media screen and (max-width: 960px) { @media screen and (max-width: map-get($breakpoints, lg) - 1px) {
.layout-sidebar-toggle-container { .layout-sidebar-toggle-container {
display: none; 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