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 @@ ...@@ -5,7 +5,6 @@
} }
.fd-dialog-paper { .fd-dialog-paper {
//width: 100%;
width: auto !important; width: auto !important;
border-radius: 5px !important; border-radius: 5px !important;
} }
...@@ -38,6 +37,7 @@ ...@@ -38,6 +37,7 @@
.fd-header-text-container { .fd-header-text-container {
flex: 1 !important; flex: 1 !important;
padding: 0 !important;
} }
.fd-header-text { .fd-header-text {
......
...@@ -12,6 +12,5 @@ ...@@ -12,6 +12,5 @@
@media screen and (max-width: map-get($breakpoints, lg) - 1px) { @media screen and (max-width: map-get($breakpoints, lg) - 1px) {
.tag-chip-holder { .tag-chip-holder {
justify-content: center; justify-content: center;
padding: 8px;
} }
} }
\ No newline at end of file
...@@ -60,31 +60,6 @@ ...@@ -60,31 +60,6 @@
padding-top: 8px; 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 //Above lg
@media screen and (min-width: map-get($breakpoints, lg)) { @media screen and (min-width: map-get($breakpoints, lg)) {
.fc-root { .fc-root {
...@@ -94,6 +69,31 @@ ...@@ -94,6 +69,31 @@
transform: scale(.9); 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 //Between lg and xl
...@@ -134,6 +134,33 @@ ...@@ -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 //Under lg
@media screen and (max-width: map-get($breakpoints, lg) - 1px) { @media screen and (max-width: map-get($breakpoints, lg) - 1px) {
.fc-small-grid-item-spacing { .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