Commit 15b43742 authored by Andrew Hrdy's avatar Andrew Hrdy
Browse files

Started work on new mobile card design.

parent 9cb98b9e
Pipeline #1805 passed with stage
in 1 minute and 44 seconds
......@@ -5,7 +5,6 @@
}
.fd-dialog-paper {
//width: 100%;
width: auto !important;
border-radius: 5px !important;
}
......@@ -38,6 +37,7 @@
.fd-header-text-container {
flex: 1 !important;
padding: 0 !important;
}
.fd-header-text {
......
......@@ -12,6 +12,5 @@
@media screen and (max-width: map-get($breakpoints, lg) - 1px) {
.tag-chip-holder {
justify-content: center;
padding: 8px;
}
}
\ No newline at end of file
......@@ -60,31 +60,6 @@
padding-top: 8px;
}
.fc-two-line-ellipsis {
position: relative;
line-height: 1em;
max-height: 2em;
overflow: hidden;
}
@supports (-webkit-line-clamp: 2) {
.fc-two-line-ellipsis {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box !important;
/* autoprefixer: off */
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
/* autoprefixer: on */
}
}
.fc-one-line-ellipsis {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
//Above lg
@media screen and (min-width: map-get($breakpoints, lg)) {
.fc-root {
......@@ -94,6 +69,31 @@
transform: scale(.9);
}
}
.fc-two-line-ellipsis {
position: relative;
line-height: 1em;
max-height: 2em;
overflow: hidden;
}
@supports (-webkit-line-clamp: 2) {
.fc-two-line-ellipsis {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box !important;
/* autoprefixer: off */
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
/* autoprefixer: on */
}
}
.fc-one-line-ellipsis {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
}
//Between lg and xl
......@@ -134,6 +134,33 @@
}
}
@media screen and (max-width: map-get($breakpoints, lg) - 1px) {
.fc-root {
display: flex !important;
align-items: center !important;
}
.fc-card-content {
flex: 1;
}
.fc-media {
display: none !important;
}
.fc-logo-container {
margin: 0 !important;
}
.fc-extra-info {
max-width: 100% !important;
width: 100% !important;
padding: 0 !important;
justify-content: center;
}
}
//Under lg
@media screen and (max-width: map-get($breakpoints, lg) - 1px) {
.fc-small-grid-item-spacing {
......
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