DGNum/demarches-normaliennes
15
1
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

Merge pull request #3654 from betagouv/fix-procedure-logo-layout

Browse source 
stylesheet: fix logo layout on Chrome
This commit is contained in:
Mathieu Magnin 2019-03-20 17:12:17 +01:00 committed by GitHub
commit 2c26dba741
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
app/assets/stylesheets/new_design/procedure_context.scss
View file

@ -50,15 +50,27 @@ $procedure-context-breakpoint: $two-columns-breakpoint;
.procedure-logos {
display: flex;
justify-content: space-around;
align-items: center;
margin-bottom: 20px;
> :not(:last-child) {
margin-right: $default-padding;
}
img {
max-height: 50px;
max-width: 100%;
margin: 0 10px 20px 10px;
max-height: 50px;
// Fix Chrome flexbox issue
// See https://github.com/philipwalton/flexbugs/issues/225
width: 100%;
height: 100%;
min-width: 0;
object-fit: contain;
@media (min-width: $procedure-context-breakpoint) {
max-height: 130px;
max-width: 500px;
max-height: 130px;
}
}
}