diff --git a/config.sample.json b/config.sample.json
index dd243e89e1fbcd261fba5a97bda0b8bf72810f1e..c506d053b14bc17c4facd396a9fe1bfa67098b28 100644
--- a/config.sample.json
+++ b/config.sample.json
@@ -10,6 +10,7 @@
"groups": "http://localhost:8000/groups/",
"joboffers": "http://localhost:8000/job-offers/",
"projects": "http://localhost:8000/projects/",
+ "customers": "http://localhost:8000/customers/",
"skills": "http://localhost:8000/skills/",
"users": "http://localhost:8000/users/"
}
diff --git a/src/header.pug b/src/header.pug
index 2c2ec9864e07ce12df24ef33ac96fb0a6bc3f8c3..c95b9092df95b6c7d007974d6cc1a43ef803fab3 100644
--- a/src/header.pug
+++ b/src/header.pug
@@ -24,6 +24,9 @@ details#user-controls
#user-controls__panel
include page-user-panel.pug
+.jsToggleLeftMenu.mobile-menu-icon
+ button.icon-menu
+
button(role='log in' onclick="document.querySelector('sib-auth').login();") Login
sib-auth
diff --git a/src/menu-left.pug b/src/menu-left.pug
index 44880da5d950b0b17b7a422686ef3e6601001247..46b0d9362732b8f917ea66e9e8b70003344fae07 100644
--- a/src/menu-left.pug
+++ b/src/menu-left.pug
@@ -7,7 +7,7 @@ sib-widget(name='hd-create')
p.create You are not part of any ${value} yet. To create a new one, you can go to the
sib-link(next='admin') administration panel
-nav#main__menu
+nav#main__menu.jsLeftMenu.mobile-closed
sib-router#navbar-router(default-route='members')
//- sib-route.menu(name='members')
//- div.menu-label Members
@@ -19,31 +19,31 @@ nav#main__menu
//- sib-route(name='job-offer-create', hidden)
//- sib-route(name='job-offer-edit', use-id, hidden)
//- div.divider
- //- div.menu-wrapper
- //- div.menu
- //- div.menu-chevron
- //- div.menu-icon.icon-arrow-up
- //- div.menu-label Projects
- //- div.menu-icon.icon-folder-alt
- //- sib-route(name='project', rdf-type='hd:project', use-id='', hidden)
- //- div.sub-menu.menu-notification
- //- sib-display.project-tab(
- //- data-src=`${endpoints.projects}`
- //- fields='project(customer.name, name), badge'
- //- class-customer.name='project-customer'
- //- class-name='project-name'
- //- empty-widget='hd-create'
- //- empty-value='project'
- //- search-fields='team'
- //- search-widget-team='sib-form-hidden'
- //- search-value-team='-'
- //- hd-inherit-user-id='search-value-team'
- //- hd-inherit-widgets
- //- widget-badge='hd-counter'
- //- action-badge='badge'
- //- order-by='customer.name'
- //- next='project'
- //- )
+ div.menu-wrapper
+ div.menu
+ div.menu-chevron
+ div.menu-icon.icon-arrow-up
+ div.menu-label Projects
+ div.menu-icon.icon-folder-alt
+ sib-route(name='project', rdf-type='hd:project', use-id='', hidden)
+ div.sub-menu.menu-notification
+ sib-display.project-tab(
+ data-src=`${endpoints.projects}`
+ fields='project(customer.name, name), badge'
+ class-customer.name='project-customer'
+ class-name='project-name'
+ empty-widget='hd-create'
+ empty-value='project'
+ search-fields='team'
+ search-widget-team='sib-form-hidden'
+ search-value-team='-'
+ hd-inherit-user-id='search-value-team'
+ hd-inherit-widgets
+ widget-badge='hd-counter'
+ action-badge='badge'
+ order-by='customer.name'
+ next='project'
+ )
div.divider
div
div.menu
diff --git a/src/page-admin-projects-create.pug b/src/page-admin-projects-create.pug
index 7a360802fe09556846e3e2a79787b4d9852f78fc..3ea8961c4f68d1f7c4b739caaa701a06e742c332 100644
--- a/src/page-admin-projects-create.pug
+++ b/src/page-admin-projects-create.pug
@@ -21,29 +21,24 @@ div.content-box__info
sib-form.block(
data-src=`${endpoints.projects}`
- fields='line-1(customer.name, name), line-2(customer.logo), line-3(project.description), fieldset-fee, line-4(businessProvider.name, businessProvider.fee), fieldset-customer, line-5(customer.companyRegister), line-6(customer.address), line-7(customer.firstName, customer.lastName), line-8(customer.role), line-9(customer.email, customer.phone), fieldset-captain, line-10(captain)'
+ fields='line-1(customer, name), line-3(project.description), fieldset-fee, line-4(businessProvider.name, businessProvider.fee), fieldset-captain, line-10(captain)'
class-fieldset-fee='fieldset'
value-fieldset-fee='Fee'
widget-fieldset-fee='hd-template-project-title'
- class-fieldset-customer='fieldset'
- value-fieldset-customer='Customer\'s information'
- widget-fieldset-customer='hd-template-project-title'
-
class-fieldset-captain='fieldset'
value-fieldset-captain='Captain'
widget-fieldset-captain='hd-template-project-title'
- label-customer.name='Customer\'s name*'
- class-customer.name='form-label is-light is-half-width'
+ label-customer='Customer'
+ class-customer='member-select form-label is-light is-half-width'
+ range-customer=`${endpoints.customers}`
+ widget-customer='sib-form-auto-completion'
label-name='Project\'s name*'
class-name='form-label is-light is-half-width'
- label-customer.logo='Customer\'s logo'
- class-customer.logo='form-label is-light is-half-width'
-
label-project.description='Project description'
class-project.description='form-label is-light is-full-width'
widget-project.description='sib-form-textarea'
@@ -54,28 +49,6 @@ div.content-box__info
label-businessProvider.fee='Amount of the contribution'
class-businessProvider.fee='form-label is-light is-half-width'
- label-customer.companyregister='Company register'
- class-customer.companyregister='form-label is-light is-half-width'
-
- label-customer.address='Address'
- class-customer.address='form-label is-light is-full-width'
- widget-customer.address='sib-form-textarea'
-
- label-customer.firstName='Name of the contact'
- class-customer.firstName='form-label is-light is-half-width'
-
- label-customer.lastName='Firstname of the contact'
- class-customer.lastName='form-label is-light is-half-width'
-
- label-customer.role='Role within the company'
- class-customer.role='form-label is-light is-half-width'
-
- label-customer.email='Email'
- class-customer.email='form-label is-light is-half-width'
-
- label-customer.phone='Phone'
- class-customer.phone='form-label is-light is-half-width'
-
range-captain=`${endpoints.users}`
class-captain='member-select form-label is-light is-half-width'
widget-captain='sib-form-auto-completion'
diff --git a/src/page-circle-edit.pug b/src/page-circle-edit.pug
index 2a7bab0224fafbbbb8ad549f72ecd9d7e37d3311..930302ebab7717ff6caa7cc244d13be0993c9265 100644
--- a/src/page-circle-edit.pug
+++ b/src/page-circle-edit.pug
@@ -41,7 +41,7 @@ div.content-box__info
sib-ac-checker(permission='acl:Write', bind-resources)
h1 Edit your circle
- sib-form.block.circle-edit-form(
+ sib-form.block.form-edit(
bind-resources
fields='block-circle__info(name, owner), description'
@@ -65,7 +65,7 @@ div.content-box__info
h2 Members list
sib-ac-checker(permission='acl:Append', bind-resources, nested-field='members')
- sib-form.block.team-form(
+ sib-form.block.select-add-member(
bind-resources
nested-field='members'
fields='user'
@@ -84,7 +84,7 @@ div.content-box__info
div Name
div Access
- //-class='table-body'
+ //-class='table-body'
sib-display(
class='table-body'
bind-resources
diff --git a/src/page-circle.pug b/src/page-circle.pug
index 36a443b3b0ac458f1156e81cd15253ad6c6afad6..6ef512706d0d19a240c9ef1e3ac15ff63fa602f9 100644
--- a/src/page-circle.pug
+++ b/src/page-circle.pug
@@ -9,6 +9,9 @@
class-name='h1-like'
class-description='h1-aside description'
)
+ .mobile-sidebar-button.jsMobileSidebarOpenButton
+ button.icon-arrow-left-circle
+ span MENU
div.content-box__info
sib-ac-checker(permission='acl:Read', bind-resources)
#circle-chat(hidden)
@@ -16,7 +19,7 @@
#circle-information(hidden)
include page-circle-profile.pug
-nav.jsRightMenu(role='navigation')
+nav.jsRightMenu.mobile-closed(role='navigation')
sib-router(default-route='circle-chat')
ul
li.jsOffsiteToggle
diff --git a/src/page-project-edit.pug b/src/page-project-edit.pug
index 19a0dc17b6d2bc21b22bfd7fb6916560b84cd06f..2a5be6c7efe7e598e5460867c701622435c24071 100644
--- a/src/page-project-edit.pug
+++ b/src/page-project-edit.pug
@@ -1,89 +1,70 @@
div.content-box__info
- include templates/hd-user-avatar.pug
+ include templates/hd-user-avatar.pug
- sib-widget(name='hd-fieldset-title')
- template
- label ${label}
+ sib-widget(name='hd-fieldset-title')
+ template
+ label ${label}
- sib-link(class='backlink', bind-resources, next='project-profile') Back
-
- h1 Edit your project
-
- sib-form.form-container.block(
- bind-resources
-
- fields='fieldset-info, block-project__info(customer.name, name, customer.logo, description), fieldset-fee, block-project__fee(businessProvider, businessProviderFee), fieldset-customer, block-project__customer(customer.companyRegister, customer.address, customer.firstName, customer.lastName, customer.role, customer.email, customer.phone)'
-
- class-customer.name='form-label is-light is-half-width'
- class-name='form-label is-light is-half-width'
- class-customer.logo='form-label is-light is-full-width'
- class-description='form-label is-light is-full-width'
- label-fieldset-info=''
- label-customer.name='Customer\'s name'
- label-name='Project\'s name*'
- label-customer.logo='Customer\'s logo'
- label-description='Project description'
- upload-url-customer.logo=''
- widget-fieldset-info='hd-fieldset-title'
- widget-description='sib-form-textarea'
-
- class-fieldset-fee='fieldset'
- class-businessprovider='form-label is-light is-half-width'
- class-businessproviderfee='form-label is-light is-half-width'
- label-fieldset-fee='Fee'
- label-businessprovider='Business provider'
- label-businessproviderfee='Amount of the contribution'
- widget-fieldset-fee='hd-fieldset-title'
-
- class-fieldset-customer='fieldset'
- class-customer.companyregister='form-label is-light is-half-width'
- class-customer.address='form-label is-light is-half-width'
- class-customer.firstname='form-label is-light is-half-width'
- class-customer.lastname='form-label is-light is-half-width'
- class-customer.role='form-label is-light is-half-width'
- class-customer.email='form-label is-light is-half-width'
- class-customer.phone='form-label is-light is-half-width'
- label-fieldset-customer='Customer\'s information'
- label-customer.companyregister='Company register*'
- label-customer.address='Address'
- label-customer.firstname='Name of the contact at the customer\'s premises'
- label-customer.lastname='Firstname of the contact at the customer\'s premises'
- label-customer.role='Role within the company'
- label-customer.email='Email'
- label-customer.phone='Phone'
- widget-fieldset-customer='hd-fieldset-title'
-
- submit-button='Save'
- )
-
- h2 Members List
-
- sib-form.block.team-form(
- bind-resources
- nested-field='members'
- fields='user'
- range-user=`${endpoints.users}`
-
- class-user='team form-label is-dark'
- label-user=''
- widget-user='sib-form-auto-completion'
-
- submit-button='Add a member'
- )
-
- .table
-
- div.table-header.grey-color
- div Name
- div Access
-
- //-class='table-body'
- sib-display(
- class='table-body'
- bind-resources
- fields='members'
-
- multiple-members=''
- widget-members='team-template-edit'
- )
+ sib-link(class='backlink', bind-resources, next='project-profile') Back
+
+ h1 Edit your project
+
+ sib-form.block.form-edit(
+ bind-resources
+
+ fields='fieldset-info, block-project__info(customer, name, description), fieldset-fee, block-project__fee(businessProvider, businessProviderFee)'
+
+ class-customer='member-select form-label is-light is-half-width'
+ widget-customer='sib-form-auto-completion'
+ class-name='form-label is-light is-half-width'
+ class-description='form-label is-light is-full-width'
+ label-fieldset-info=''
+ label-customer='Customer'
+ range-customer=`${endpoints.customers}`
+ label-name='Project\'s name*'
+ label-description='Project description'
+ widget-fieldset-info='hd-fieldset-title'
+ widget-description='sib-form-textarea'
+
+ class-fieldset-fee='fieldset'
+ class-businessprovider='form-label is-light is-half-width'
+ class-businessproviderfee='form-label is-light is-half-width'
+ label-fieldset-fee='Fee'
+ label-businessprovider='Business provider'
+ label-businessproviderfee='Amount of the contribution'
+ widget-fieldset-fee='hd-fieldset-title'
+
+ submit-button='Save'
+ )
+
+ h2 Members List
+
+ sib-form.block.select-add-member(
+ bind-resources
+ nested-field='members'
+ fields='user'
+ range-user=`${endpoints.users}`
+
+ class-user='team form-label is-dark'
+ label-user=''
+ widget-user='sib-form-auto-completion'
+
+ submit-button='Add a member'
+ )
+
+ .table
+
+ div.table-header.grey-color
+ div Name
+ div Access
+
+ //-class='table-body'
+ sib-display(
+ class='table-body'
+ bind-resources
+ fields='members'
+
+ multiple-members=''
+ widget-members='team-template-edit'
+ )
diff --git a/src/page-project.pug b/src/page-project.pug
index 00ec69a01923e474e6f68f66f92b66708dfe69c0..9cf8f7d66c40bddc5f3bb5d3668522f1dbeced5d 100644
--- a/src/page-project.pug
+++ b/src/page-project.pug
@@ -13,6 +13,9 @@
value-const-title1='N°'
)
+ .mobile-sidebar-button.jsMobileSidebarOpenButton
+ button.icon-arrow-left-circle
+ span MENU
div.content-box__info
sib-ac-checker(permission='acl:Read', bind-resources)
#project-chat(hidden)
@@ -25,7 +28,7 @@ dialog(id='project-contributions-help').modal
button.icon-close
img(src='/images/contributions-help.png')
-nav.jsRightMenu(role='navigation')
+nav.jsRightMenu.mobile-closed(role='navigation')
sib-router(default-route='project-chat')
ul
li.jsOffsiteToggle
diff --git a/src/styles/abstracts/_mixins.scss b/src/styles/abstracts/_mixins.scss
index 741219e31331057b1547a2dc770bf07e939f4aae..3ff49c71aba1d32c7d47059435d5e1728f1a51c7 100644
--- a/src/styles/abstracts/_mixins.scss
+++ b/src/styles/abstracts/_mixins.scss
@@ -1,4 +1,58 @@
@mixin window-style-modal($background: $color-0-0-100, $shadow: hsla(212, 7%, 55%, 0.19)) {
box-shadow: 0 0 8px 0 $shadow;
background-color: $background;
-}
\ No newline at end of file
+}
+
+@mixin breakpoint($min: 0, $max: 0) {
+ $type: type-of($min);
+
+ @if $type==string {
+ @if $min==xs {
+ @media (max-width: 768px) {
+ @content;
+ }
+ }
+
+ @else if $min==sm {
+ @media (max-width: 1024px) {
+ @content;
+ }
+ }
+
+ @else if $min==md {
+ @media (max-width: 1200px) {
+ @content;
+ }
+ }
+
+ @else if $min==lg {
+ @media (min-width: 1201px) {
+ @content;
+ }
+ }
+
+ @else {
+ @warn "Beware ! Breakpoints mixin supports xs, sm, md, lg";
+ }
+ }
+
+ @else if $type==number {
+ $query: "all" !default;
+
+ @if $min !=0 and $max !=0 {
+ $query: "(min-width: #{$min}) and (max-width: #{$max})";
+ }
+
+ @else if $min !=0 and $max==0 {
+ $query: "(min-width: #{$min})";
+ }
+
+ @else if $min==0 and $max !=0 {
+ $query: "(max-width: #{$max});"
+ }
+
+ @media #{$query} {
+ @content;
+ }
+ }
+}
diff --git a/src/styles/base/form.scss b/src/styles/base/form.scss
index 3dff76e63cf7b53b4e18491886fd32b7c4f0cb0c..388f1978e6fcc7272c64f791d630beb7a708a706 100644
--- a/src/styles/base/form.scss
+++ b/src/styles/base/form.scss
@@ -100,11 +100,13 @@
/* CLASSES Peut-être à sortir de .content-box */
- .block.team-form>form { /* circle-profile */
+ .block.select-add-member>form { /* circle-profile */
display: flex;
flex-direction: row;
+ margin-bottom: 2.6rem;
label {
+ margin-top: 0;
>.ss-main {
font-weight: normal;
@@ -149,7 +151,24 @@
.form-container>form {
margin-top: 2.7rem;
- }
+ }
+
+ .form-edit {
+
+ >form {
+
+ input[type='submit'] {
+ @extend .button,
+ .text-bold,
+ .text-uppercase,
+ .reversed,
+ .button-dark,
+ .bordered;
+ margin-left: auto;
+ margin-top: 3.2rem;
+ }
+ }
+ }
.form-label {
/*flex: 1 1 auto;*/
diff --git a/src/styles/base/header.scss b/src/styles/base/header.scss
index 51cc2afd24f3c6492a833b6187ce138364cb0d7d..95daac61b1b7adc10bdf99a2232f22330f2a599e 100644
--- a/src/styles/base/header.scss
+++ b/src/styles/base/header.scss
@@ -8,13 +8,10 @@
display: flex;
flex-shrink: 0;
// padding: 1.6rem 0.64rem;
+ padding: 0 2.5rem;
position: relative;
z-index: 1;
- > *:not(sib-widget) {
- padding: 0 2.5rem;
- }
-
#logo {
flex: 1 1 0;
}
@@ -58,9 +55,20 @@
}
}
}
+
+ sib-notifications {
+
+ @include breakpoint(sm) {
+ padding: 0;
+ }
+ }
details {
margin-right: 2.5rem;
+
+ @include breakpoint(sm) {
+ margin-right: 0;
+ }
summary {
@@ -142,6 +150,10 @@
margin-right: 2rem;
overflow: hidden;
width: 4.8rem;
+
+ @include breakpoint(sm) {
+ margin-right: 0;
+ }
}
img {
@@ -168,6 +180,10 @@
&::before {
margin-left: 1.5rem;
}
+
+ @include breakpoint(sm) {
+ display: none;
+ }
}
}
}
@@ -236,5 +252,14 @@
}
}
}
+
+ .mobile-menu-icon {
+ display: none;
+
+ @include breakpoint(sm) {
+ display: block;
+ padding-left: 0;
+ }
+ }
}
diff --git a/src/styles/base/main.scss b/src/styles/base/main.scss
index 4afff70dc4dad3c03a9f72794161213b68138e8b..599f4c015a0fdaf89cc41fc6ba9fa4ae3738a9cb 100644
--- a/src/styles/base/main.scss
+++ b/src/styles/base/main.scss
@@ -22,16 +22,68 @@ $breakpoints: (phone: 480px,
font-size: 1.6rem;
min-height: 100vh;
overflow-wrap: break-word;
+ overflow-x: hidden; /* To stop getting horizontal scrolling if anything overflows the width */
}
main {
display: flex;
- flex-direction: row;
- max-width: 100%;
+ overflow: hidden;
+ height: calc(100vh - 83px); /* 83px = height of the header */
+ position: relative;
+ width: 100%;
+
+ backface-visibility: hidden;
+ /*will-change: overflow;*/
}
}
+/* Add scrollbar to the left and right menu, and to the content */
+nav, .views-container {
+ overflow: auto;
+ height: auto;
+ -webkit-overflow-scrolling: touch;
+ -ms-overflow-style: none;
+}
+
+/* Custom scrollbar of the left-menu */
+nav {
+ scrollbar-width: thin;
+ scrollbar-color: $color-244-10-70 $color-233-18-29;
+
+ &::-webkit-scrollbar-track {
+ background: $color-233-18-29;
+ }
+
+ &::-webkit-scrollbar-thumb {
+ background-color: $color-244-10-70;
+ border-radius: 6px;
+ border: 3px solid $color-233-18-29;
+ }
+
+ &::-webkit-scrollbar {
+ width: 11px;
+ }
+}
+/* Custom scrollbar of the content */
+.views-container {
+ scrollbar-width: thin;
+ scrollbar-color: $color-244-10-70 white;
+
+ &::-webkit-scrollbar-track {
+ background: white;
+ }
+
+ &::-webkit-scrollbar-thumb {
+ background-color: $color-244-10-70;
+ border-radius: 6px;
+ border: 3px solid white;
+ }
+
+ &::-webkit-scrollbar {
+ width: 11px;
+ }
+}
/* Quick fix. Will be removed later */
#admin-circles,
@@ -40,7 +92,6 @@ $breakpoints: (phone: 480px,
}
-
img {
max-height: 100%;
max-width: 100%;
@@ -148,6 +199,40 @@ h5 {
border-bottom: 1px solid $color-221-51-90;
padding: 3rem;
+ @include breakpoint(sm) {
+ background: $color-221-51-90;
+ }
+
+ sib-display {
+ @include breakpoint(sm) {
+ float: left;
+ }
+ }
+
+ .mobile-sidebar-button {
+ @include breakpoint(sm) {
+ float: right;
+
+ button {
+ color: $color-233-18-29;
+
+ &::before {
+ font-size: 2.2rem;
+ margin-right: 1.2rem;
+ }
+ }
+
+ span {
+ font-size: 1.8rem;
+ font-weight: bold;
+ }
+ }
+
+ @include breakpoint($min: 1025px, $max: 0) {
+ display: none;
+ }
+ }
+
div {
.h1-aside {
diff --git a/src/styles/base/menu-left.scss b/src/styles/base/menu-left.scss
index 9848525efa7c455b8a429083dc0ccd4f456852a0..e22808419529a7a57153af2e52e0161c425f0469 100644
--- a/src/styles/base/menu-left.scss
+++ b/src/styles/base/menu-left.scss
@@ -121,32 +121,6 @@
hd-counter {
margin-top: 16px;
- margin-left: 8px;
- }
-
- &:hover {
- background-color: $color-233-20-17;
- box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.26);
-
- sib-set-default[name='project'] {
- background-color: $color-233-20-17;
- color: $color-218-100-98;
- /* transition: all 0.6s cubic-bezier(0.39, 0.575, 0.565, 1); Need better animation */
- z-index: 1000;
-
- .project-customer,
- .project-name {
- width: auto;
- }
-
- .project-name {
- font-weight: normal;
- }
- }
-
- hd-counter {
- display: none;
- }
}
}
/* End of specific styles of "Projects" tab */
@@ -214,4 +188,24 @@
background-color: $color-213-13-86;
}
}
+
+ &.jsLeftMenu.mobile-opened {
+
+ @include breakpoint(sm) {
+ bottom: 0;
+ box-shadow: 0 2px 8px 0 rgba(65, 69, 73, 0.5);
+ min-width: 80%;
+ position: fixed;
+ right: 0;
+ top: 0;
+ z-index: 1;
+ }
+ }
+
+ &.jsLeftMenu.mobile-closed {
+
+ @include breakpoint(sm) {
+ display: none;
+ }
+ }
}
diff --git a/src/styles/base/table.scss b/src/styles/base/table.scss
index 6b5b0bee9a01559071acc4a56be2ecff1e2faea8..af42ed736548151cc45ca120abe3a22101c10703 100644
--- a/src/styles/base/table.scss
+++ b/src/styles/base/table.scss
@@ -2,6 +2,7 @@
#circle-edit,
#admin-circle-list,
#admin-circle-create,
+#project-edit,
#admin-project-list,
#admin-project-create {
diff --git a/src/styles/components/sidebar.scss b/src/styles/components/sidebar.scss
index 1e93db51e8496ee792efa86c529b4055e2272728..652b17d468dd772e74c3d6a222c93727c20ba1f4 100644
--- a/src/styles/components/sidebar.scss
+++ b/src/styles/components/sidebar.scss
@@ -12,7 +12,7 @@
.views-container {
flex: 1 0 0;
- -webkit-backface-visibility: hidden;
+ /*-webkit-backface-visibility: hidden;*/
&.sidebar-is-closed {
margin-left: -15.5rem;
@@ -27,6 +27,7 @@
nav {
background: $color-210-25-95;
transition: all 0.5s;
+ width: 25rem;
>sib-router {
background-color: $color-222-52-90;
@@ -49,13 +50,13 @@
margin: 0;
padding: 2.15rem 2.55rem;
position: relative;
- width: 12em;
+ /*width: 12em;*/
&::before {
float: left;
font-size: 4rem;
margin-left: 0;
- margin-right: 2.55rem;
+ margin-right: 2.85rem;
}
}
@@ -110,12 +111,33 @@
}
}
- &.offsite-is-closed {
+ &.jsRightMenu.offsite-is-closed {
transform: translate(15.5rem);
& .jsOffsiteToggle::before {
transform: rotate(180deg);
}
}
+
+ &.jsRightMenu.mobile-opened {
+
+ @include breakpoint(sm) {
+ background: $color-221-51-90;
+ bottom: 0;
+ box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.12);
+ min-width: 60%;
+ position: fixed;
+ right: 0;
+ top: 83px;
+ z-index: 1;
+ }
+ }
+
+ &.jsRightMenu.mobile-closed {
+
+ @include breakpoint(sm) {
+ display: none;
+ }
+ }
}
}
\ No newline at end of file
diff --git a/src/styles/layout/circle/_index.scss b/src/styles/layout/circle/_index.scss
index 8ef02997881b46beda26d162828ec3c65191a9a2..940c5fc0dc0972d06f1046b67e416bef541e3aa3 100644
--- a/src/styles/layout/circle/_index.scss
+++ b/src/styles/layout/circle/_index.scss
@@ -1,4 +1,3 @@
@import 'circle';
@import 'circle-profile';
-@import 'circle-edit';
@import 'circle-admin';
diff --git a/src/styles/layout/circle/circle-edit.scss b/src/styles/layout/circle/circle-edit.scss
deleted file mode 100644
index c1e26833e7953d0baa4590e353559d6f25d3167f..0000000000000000000000000000000000000000
--- a/src/styles/layout/circle/circle-edit.scss
+++ /dev/null
@@ -1,161 +0,0 @@
-#circle-edit {
-
- .circle-edit-form>form {
-
- input[type='submit'] {
- @extend .button,
- .text-bold,
- .text-uppercase,
- .reversed,
- .button-dark,
- .bordered;
- margin-left: auto;
- margin-top: 3.2rem;
- }
- }
-
- /*.table-header {
- background: $color-228-25-79;
- color: white;
- display: flex;
- font-size: 1.6rem;
- font-weight: 600;
- justify-content: space-around;
- text-align: center;
-
- >*{
- border-right: 1px solid white;
- flex: 1;
- padding: 1rem;
- width: 50%;
- }
-
- >*:last-of-type {
- border-right: 1px solid $color-228-25-79;
-
- @media (max-width: 1220px) {
- display: none;
- }
- }
- }*/
-
- /*.table-body div team-template-edit {
- display: flex;
- justify-content: space-between;
-
- >* {
- border-bottom: 1px solid $color-228-25-79;
- flex: 1;
- width: 50%;
- }
-
- sib-display {
- border-left: 1px solid $color-228-25-79;
- padding: 0 2.2rem;
- }
-
- sib-ac-checker {
- align-items: center;
- border-left: 1px solid $color-228-25-79;
- border-right: 1px solid $color-228-25-79;
- display: flex;
- justify-content: flex-end;
- padding: 2.7rem 2.2rem;
-
- @media (max-width: 1220px) {
- display: none;
- }
- }
- }*/
-
- .member-select.color {
-
- .ss-main {
- color: $color-233-18-29;
- }
- }
-
- /*sib-multiple[widget='team-template-edit'] {
-
- label {
- display: none;
- }
-
- >div>team-template-edit>sib-display>div {
- display: grid;
- grid-column-gap: 1.6rem;
- grid-template-columns: 7vh auto;
- grid-template-rows: repeat(2, 5.2vh);
-
- >[name$='account.picture'] {
- align-items: center;
- align-self: center;
- background-color: $color-213-20-91;
- border-radius: 50%;
- display: flex;
- grid-column: 1 / span 1;
- grid-row: 1 / span 2;
- height: 7vh;
- justify-content: center;
- overflow: hidden;
- position: relative;
- width: 7vh;
-
- img {
- background-color: white;
- height: 100%;
- left: 0;
- object-fit: cover;
- position: absolute;
- top: 0;
- width: 100%;
- }
-
- object {
- height: 45%;
- width: 45%;
- }
- }
-
- >[name='sup'] {
- align-self: end;
- display: flex;
- grid-column: 2 / span 1;
- grid-row: 1 / span 1;
- margin-bottom: 0.50rem;
-
- [name$='name'] {
- font-weight: 600;
- margin-right: 1rem;
- }
-
- sib-multiple {
- display: flex;
-
- [name='groups'] {
- @extend %tag-role;
- }
- }
- }
-
- >[name='sub'] {
- align-self: start;
- grid-column: 2 / span 1;
- grid-row: 2 / span 1;
- margin-top: 0.50rem;
-
- >[name$='profile.city']:not(:empty) {
- @include mdi('atom');
- align-items: center;
- display: flex;
-
- &::before {
- color: $color-43-100-50;
- margin-right: 0.50rem;
- }
- }
- }
- }
- }*/
-}
-
diff --git a/src/styles/layout/circle/circle-profile.scss b/src/styles/layout/circle/circle-profile.scss
index 96e50e5f2525141afc0e6504682015391549cf04..63bf22a1a834485bfaefb791c0a2e544f4d90c84 100644
--- a/src/styles/layout/circle/circle-profile.scss
+++ b/src/styles/layout/circle/circle-profile.scss
@@ -7,16 +7,7 @@
.block {
- >form { /* peut-être à mettre dans main.scss */
- margin-bottom: 2.6rem;
-
- .form-label.is-dark>label {
- margin-top: 0;
- }
- }
-
/* peut-être à mettre dans main.scss */
-
circle-team-template>sib-display>div {
display: grid;
grid-column-gap: 1.6rem;
diff --git a/src/styles/layout/project-profile/_index.scss b/src/styles/layout/project-profile/_index.scss
index 0ff827cb3d0f54581c6f466a0d4ed7eb007b2e3f..74f68a7433d6ee94f9b1fd8fd174600f1ca1e261 100644
--- a/src/styles/layout/project-profile/_index.scss
+++ b/src/styles/layout/project-profile/_index.scss
@@ -1,2 +1,2 @@
@import 'project';
-@import 'project-profile';
\ No newline at end of file
+@import 'project-profile';