From 2b314116a40f4795500767c3494bf5b701de4c24 Mon Sep 17 00:00:00 2001 From: gaelle morin Date: Fri, 3 Jul 2020 16:47:54 +0200 Subject: [PATCH] feature: project: modify image - positioning --- src/styles/base/main.scss | 71 +++++++++++++++++++++- src/views/project/page-project-picture.pug | 1 - 2 files changed, 70 insertions(+), 2 deletions(-) diff --git a/src/styles/base/main.scss b/src/styles/base/main.scss index c5b5ff9..425174b 100644 --- a/src/styles/base/main.scss +++ b/src/styles/base/main.scss @@ -357,10 +357,77 @@ h5 { } + .p_relative { position: relative; } +.pull-left-1200 { + + @include breakpoint(lg) { + float: left; + } +} + +.flex_column { + flex-direction: column; +} + +.flex_vertical-center { + align-items: center; +} + +.is-inline-1200 { + + @include breakpoint(lg) { + flex-direction: row; + } +} + +solid-ac-checker.button-padding { + + @include breakpoint(lg) { + padding-left: 32px; + } +} + +.w90 { + + @include breakpoint(sm) { + width: 90%; + } +} + +.w100 { + + @include breakpoint(sm) { + width: 100%; + } +} + +.p_absolute { + position: absolute; + z-index: 1; +} + +.button-register-picture { + bottom: 0; + right: 0; +} + +#solid-picture-remove { + margin-top: 2em; + + @include breakpoint(lg) { + margin-top: 0; + } +} + + +/*.p_relative { + position: relative; +} + .is-inline-1200 { @include breakpoint(lg) { @@ -383,6 +450,8 @@ h5 { } } + + .profile-avatar { height: 243px; width: 243px; @@ -391,7 +460,7 @@ h5 { solid-picture { -} +}*/ .content-box { diff --git a/src/views/project/page-project-picture.pug b/src/views/project/page-project-picture.pug index 5eb81d6..9257a73 100644 --- a/src/views/project/page-project-picture.pug +++ b/src/views/project/page-project-picture.pug @@ -5,7 +5,6 @@ div.content-box__info h1 Modifier l'image du projet solid-picture( - class="pull-left-1200 avatar-display" bind-resources upload-src=`${endpoints.uploads || endpoints.post.uploads}` upload-id="solid-project-edit-picture"