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

TransactionPanel: remove focused handling with fixed message

Browse source
This commit is contained in:
Vesa Luusua 2018-02-23 19:15:39 +02:00
parent cf6ed72a0d
commit 193a44b5a2
2 changed files with 6 additions and 40 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -276,33 +276,14 @@
.sendMessageForm {
position: relative;
margin-top: 46px;
width: 100%;
margin: 46px 24px 0 24px;
@media (--viewportMedium) {
margin-top: 49px;
margin: 49px 24px 0 24px;
border-top: 0;
}
@media (--viewportLarge) {
margin-top: 47px;
}
}
.sendMessageFormFixed {
position: fixed;
bottom: 0;
box-shadow: var(--boxShadowBottomForm);
@media (--viewportLarge) {
position: relative;
box-shadow: none;
}
}
.sendMessageFormFocusedInMobileSafari {
position: absolute;
@media (--viewportLarge) {
position: relative;
margin: 47px 0 0 0;
}
}
@ -354,14 +335,6 @@
}
}
.actionButtonsWithFormFocused {
display: none;
@media (--viewportLarge) {
display: block;
}
}
.actionButtonWrapper {
width: 100%;
display: flex;

11
src/components/TransactionPanel/TransactionPanel.js
View file

@ -165,10 +165,7 @@ export class TransactionPanelComponent extends Component {
const firstImage =
currentListing.images && currentListing.images.length > 0 ? currentListing.images[0] : null;
const actionButtonClasses = classNames(css.actionButtons, {
[css.actionButtonsWithFormFocused]: this.state.sendMessageFormFocused,
});
const actionButtonClasses = classNames(css.actionButtons);
const canShowActionButtons = canShowBookButton || canShowSaleButtons;
let actionButtons = null;
@ -201,11 +198,7 @@ export class TransactionPanelComponent extends Component {
{ name: otherUserDisplayName }
);
const sendMessageFormClasses = classNames(css.sendMessageForm, {
[css.sendMessageFormFixed]: !canShowActionButtons || this.state.sendMessageFormFocused,
[css.sendMessageFormFocusedInMobileSafari]:
this.isMobSaf && this.state.sendMessageFormFocused,
});
const sendMessageFormClasses = classNames(css.sendMessageForm);
const showInfoMessage = listingDeleted || (!listingDeleted && txIsRequested(transaction)); // !!orderInfoMessage;