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

fixes for the comments

Browse source
This commit is contained in:
Janne Koivistoinen 2017-08-16 17:34:55 +03:00
parent 4115369bee
commit 5ad2944d4f
7 changed files with 14 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/AddImages/AddImages.css
View file

@ -21,6 +21,7 @@
width: 100%;
margin: 0;
overflow: hidden;
background-color: var(--matterColorNegative); /* Loading BG color */
}
.threeToTwoWrapper {
@ -29,7 +30,6 @@
.aspectWrapper {
padding-bottom: calc(100% * (2 / 3));
background-color: var(--matterColorNegative); /* Loading BG color */
}
.rootForImage {

3
src/components/EditListingWizard/EditListingWizard.css
View file

@ -27,7 +27,6 @@
@media (--viewportLarge) {
padding: 126px 0 82px 15vw;
flex-direction: column;
box-shadow: none;
background-color: var(--matterColorBright);
box-shadow: none;
@ -53,8 +52,6 @@
.panel {
flex-grow: 1;
position: relative;
z-index: 1;
@media (--viewportLarge) {
padding: 90px 15vw 82px 82px;

11
src/components/TabNav/TabNav.css
View file

@ -1,5 +1,10 @@
@import '../../marketplace.css';
:root {
--linkWidth: 200px;
--linkBorderWidth: 4px;
}
.root {
display: flex;
flex-direction: row;
@ -33,7 +38,7 @@
transition: var(--transitionStyleButton);
background-image: url("data:image/svg+xml;utf8,<svg width='4' height='32' viewBox='0 0 4 32' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h4v32H0z' fill='#C0392B' fill-rule='evenodd'/></svg>");
background-position: 204px center; /* SelectedLink's width (200px) + border thickness (4px) = 204px */
background-position: calc(var(--linkWidth) + var(--linkBorderWidth)) center; /* SelectedLink's width (200px) + border thickness (4px) = 204px */
&:hover {
text-decoration: none;
@ -43,7 +48,7 @@
@media (--viewportLarge) {
border-bottom-width: 0px;
margin-bottom: 14px;
width: 200px;
width: var(--linkWidth);
&:hover {
background-image: url("data:image/svg+xml;utf8,<svg width='4' height='32' viewBox='0 0 4 32' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h4v32H0z' fill='#C0392B' fill-rule='evenodd'/></svg>");
@ -57,7 +62,7 @@
color: var(--matterColorDark);
@media (--viewportLarge) {
width: 200px;
width: var(--linkWidth);
background-image: url("data:image/svg+xml;utf8,<svg width='4' height='32' viewBox='0 0 4 32' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h4v32H0z' fill='#000' fill-rule='evenodd'/></svg>");
background-position: right center;

2
src/components/Topbar/Topbar.css
View file

@ -6,8 +6,6 @@
.root {
width: 100%;
position: relative;
z-index: 2;
}
.container {

1
src/containers/EditListingLocationForm/EditListingLocationForm.js
View file

@ -6,7 +6,6 @@ import { intlShape, injectIntl, FormattedMessage } from 'react-intl';
import classNames from 'classnames';
import * as propTypes from '../../util/propTypes';
import { autocompleteSearchRequired, autocompletePlaceSelected } from '../../util/validators';
import { ensureListing } from '../../util/data';
import { LocationAutocompleteInputField, Button, TextInputField } from '../../components';
import css from './EditListingLocationForm.css';

4
src/containers/EditListingPage/EditListingPage.css
View file

@ -1,5 +1,9 @@
@import '../../marketplace.css';
.topbar {
z-index: 1;
}
.mobileTopbar {
/* Size */
width: 100%;

1
src/containers/EditListingPage/EditListingPage.js
View file

@ -121,6 +121,7 @@ export const EditListingPageComponent = props => {
scrollingDisabled={scrollingDisabled}
>
<Topbar
className={css.topbar}
mobileRootClassName={css.mobileTopbar}
isAuthenticated={isAuthenticated}
authInProgress={authInProgress}