maverick/flex-template-web
1
0
Fork 0
mirror of https://github.com/kingomarnajjar/flex-template-web.git synced 2026-07-27 19:42:11 +10:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix hidden open booking form section in mobile

Browse source
This commit is contained in:
Hannu Lyytikainen 2018-12-18 10:26:07 +02:00
parent 4663f825a1
commit 65a1358b93
1 changed files with 14 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
src/components/TransactionPanel/TransactionPanel.css
View file

@ -73,9 +73,11 @@
}
.avatarWrapperCustomerDesktop {
display: none;
composes: avatarWrapperMobile;
@media (--viewportLarge) {
display: block;
margin-left: 48px;
}
}
@ -171,25 +173,26 @@
}
.detailCard {
display: none;
position: sticky;
top: -200px; /* This is a hack to showcase how the component would look when the image isn't sticky */
width: 409px;
background-color: var(--matterColorLight);
border: 1px solid var(--matterColorNegative);
border-radius: 2px;
@media (--viewportLarge) {
display: block;
position: sticky;
top: -200px; /* This is a hack to showcase how the component would look when the image isn't sticky */
width: 409px;
background-color: var(--matterColorLight);
border: 1px solid var(--matterColorNegative);
border-radius: 2px;
}
}
.detailCardImageWrapper {
display: none;
/* Layout */
display: block;
width: 100%;
position: relative;
@media (--viewportLarge) {
display: block;
}
}
.detailCardHeadings {