Skip to content
GitLab
Projects
Groups
Snippets
Help
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
W
whats-open-web
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Issues
0
Issues
0
List
Boards
Labels
Service Desk
Milestones
Merge Requests
0
Merge Requests
0
Operations
Operations
Incidents
Packages & Registries
Packages & Registries
Container Registry
Analytics
Analytics
Repository
Value Stream
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Commits
Issue Boards
Open sidebar
Nicholas J Anderson
whats-open-web
Commits
93316138
Commit
93316138
authored
Jan 13, 2018
by
Andrew Hrdy
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Fixed logos on mobile> Fixed sidebar so it doesn't cut off logos.
parent
f497de4e
Changes
4
Hide whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
17 additions
and
11 deletions
+17
-11
src/components/FacilityDialog.js
src/components/FacilityDialog.js
+1
-1
src/styles/components/facilityDialog.scss
src/styles/components/facilityDialog.scss
+9
-0
src/styles/components/sidebar.scss
src/styles/components/sidebar.scss
+6
-3
src/styles/containers/facilityCard.scss
src/styles/containers/facilityCard.scss
+1
-7
No files found.
src/components/FacilityDialog.js
View file @
93316138
...
...
@@ -56,7 +56,7 @@ class FacilityDialog extends React.Component {
<
Grid
item
className
=
{
'
fd-header-container
'
}
>
<
Grid
container
className
=
{
'
fd-header
'
}
>
<
Grid
item
>
<
Avatar
src
=
{
facility
.
logo
}
/
>
<
Avatar
className
=
{
'
fd-avatar
'
}
src
=
{
facility
.
logo
}
/
>
<
/Grid
>
<
Grid
item
className
=
{
'
fd-header-text-container
'
}
>
<
Typography
className
=
{
'
fd-header-text
'
}
type
=
{
'
headline
'
}
>
...
...
src/styles/components/facilityDialog.scss
View file @
93316138
...
...
@@ -28,6 +28,15 @@
width
:
100%
;
}
.fd-avatar
{
border-radius
:
0
!
important
;
&
>
img
{
object-fit
:
contain
!
important
;
border-radius
:
0
!
important
;
}
}
.fd-header
{
display
:
flex
!
important
;
flex-wrap
:
nowrap
!
important
;
...
...
src/styles/components/sidebar.scss
View file @
93316138
...
...
@@ -64,11 +64,14 @@
.sidebar-avatar
{
width
:
100px
!
important
;
height
:
100px
!
important
;
}
.sidebar-avatar
>
img
{
border-radius
:
0
!
important
;
&
>
img
{
object-fit
:
contain
!
important
;
border-radius
:
0px
!
important
;
border-radius
:
0
!
important
;
}
}
.sidebar-title
{
height
:
100px
;
margin-left
:
8px
;
...
...
src/styles/containers/facilityCard.scss
View file @
93316138
...
...
@@ -32,11 +32,8 @@
.fc-logo-container
{
width
:
100px
;
height
:
100px
;
// box-sizing: border-box;
margin
:
auto
;
margin-top
:
-60px
;
margin
:
-60px
auto
auto
auto
;
border-radius
:
50%
;
// border: 5px solid white;
box-shadow
:
0px
5px
5px
-3px
rgba
(
0
,
0
,
0
,
0
.2
)
,
0px
8px
10px
1px
rgba
(
0
,
0
,
0
,
0
.14
)
,
0px
3px
14px
2px
rgba
(
0
,
0
,
0
,
0
.12
);
overflow
:
hidden
;
}
...
...
@@ -45,10 +42,7 @@
width
:
90px
;
height
:
90px
;
margin
:
auto
;
// border-radius: 50%;
background-size
:
contain
!
important
;
// padding:5px;
// box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.fc-title
{
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment