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

baseline finetuning for new avatar sizes

Browse source
This commit is contained in:
Janne Koivistoinen 2017-09-12 16:35:04 +03:00
parent e2aaa07313
commit 3ad0fc96a6
5 changed files with 21 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/components/Avatar/Avatar.css
View file

@ -41,6 +41,12 @@
padding-bottom: 4px;
}
.avatarImage {
width: 100%;
height: 100%;
border-radius: inherit;
}
/* Medium Avatar */
@ -69,12 +75,6 @@
height: var(--avatarSizeLarge);
}
.avatarImage {
width: 100%;
height: 100%;
border-radius: inherit;
}
.largeAvatar .initials {
font-size: 30px;
font-weight: var(--fontWeightSemiBold);

6
src/components/SaleDetailsPanel/SaleDetailsPanel.css
View file

@ -67,7 +67,7 @@
@media (--viewportLarge) {
max-width: 100%;
margin: 42px 0 0 0;
margin: 40px 0 0 0;
}
}
@ -98,7 +98,7 @@
@media (--viewportLarge) {
display: flex;
margin-top: 122px;
margin-top: 121px;
}
}
@ -117,7 +117,7 @@
@media (--viewportLarge) {
display: block;
margin: 122px 0 0 0;
margin: 116px 0 0 0;
background-color: var(--matterColorLight);
border: 1px solid var(--matterColorNegative);
border-radius: 2px;

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

@ -29,7 +29,7 @@
.avatar {
/* Layout */
flex-shrink: 0;
margin: var(--topMarginMobileMenu) 0 24px 0;
margin: var(--topMarginMobileMenu) 0 0 0;
}
.greeting {

10
src/containers/InboxPage/InboxPage.css
View file

@ -198,14 +198,10 @@
.itemAvatar {
margin-right: 8px;
width: 43px;
height: 43px;
@media (--viewportLarge) {
margin-top: 2px;
margin-right: 15px;
width: 41px;
height: 41px;
}
}
@ -355,7 +351,11 @@
.bookingPending {
color: var(--matterColor);
margin-top: 9px;
margin-top: 4px;
@media (var--viewportMedium) {
margin-top: 9px;
}
}
.bookingRequested,

11
src/containers/ListingPage/ListingPage.css
View file

@ -178,16 +178,16 @@
flex-basis: 100%;
@media (--viewportMedium) {
margin-top: 51px;
margin-top: 50px;
margin-bottom: 51px;
flex-shrink: 0;
}
@media (--viewportLarge) {
margin-top: 51px;
margin-top: 50px;
margin-bottom: 0px;
/* contentContainer's full width - (bookingColumn + gutters) */
flex-basis: calc(100% - 431px);
flex-basis: calc(100% - 491px);
flex-shrink: 0;
}
}
@ -203,7 +203,7 @@
@media (--viewportMedium) {
position: absolute;
left: 60px;
top: -48px;
top: -49px;
margin-left: 0;
margin-top: 0;
}
@ -444,7 +444,7 @@
@media (--viewportLarge) {
display: block;
margin-top: 88px;
margin-top: 87px;
margin-left: 60px;
border-left-style: solid;
border-left-width: 1px;
@ -452,6 +452,7 @@
/* Calendar needs 311px width and therefore padding can't be wider than 58px */
padding-left: 60px;
padding-right: 60px;
flex-basis: 311px;
flex-shrink: 0;
}