autonomic-cooperative/hubl
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

bugfix: multiple fixes

Browse Source
This commit is contained in:
gaelle morin
2020-06-11 15:20:20 +02:00
parent fbdd79ded5
commit c09cc4e525
21 changed files with 150 additions and 93 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
src/styles/base/form.scss
View File

@ -1,8 +1,14 @@
.form form {
display: flex;
flex-direction: column;
margin-left: -3.4rem;
display: block;
height: fit-content;
margin-bottom: 75px;
transition: all .3s ease;
@include breakpoint(lg) {
display: flex;
flex-direction: column;
transition: all .3s ease;
}
}
.button-register>form>input[type=submit] {
@ -16,17 +22,6 @@
margin-top: 3.2rem;
}
.fieldset {
border-bottom: 1px solid var(--color-fieldset-border);
color: var(--color-title);
display: flex;
flex: 1 0 100%;
font-size: 1.8rem;
font-weight: 600;
margin: 2.6rem 0 1.8rem 3.4rem;
padding-bottom: 0.8rem;
}
.form-label {
/*flex: 1 1 auto;*/
@ -44,16 +39,22 @@
}
}
[name^='line-'] {
@include breakpoint(lg) {
display: flex;
justify-content: space-between;
}
}
.is-full-width {
box-sizing: border-box;
flex: 1 1 100%;
padding-left: 3.4rem;
}
.is-half-width {
box-sizing: border-box;
flex: 0 0 50%;
padding-left: 3.4rem;
flex: 0 1 calc(50% - 2.5rem);
}
.input-text-like input:not([type='file']):not([type='search']):not([type='submit']),
@ -155,9 +156,13 @@ hubl-status {
/* Additional styles for the select to add a member in circle-edit */
.block.select-add>form {
display: flex;
flex-direction: row;
margin-bottom: 2.6rem;
display: block;
@include breakpoint(lg) {
display: flex;
flex-direction: row;
margin-bottom: 2.6rem;
}
label {
margin-top: 0;
@ -169,13 +174,17 @@ hubl-status {
input[type='submit'] {
@extend .button,
.btn-margin-left,
.text-bold,
.text-uppercase,
.button-complementary,
.bordered;
margin-top: auto;
margin-bottom: auto;
margin: 10px 0;
width: 100%;
@include breakpoint(lg) {
margin: auto 0 auto 2.2rem;
width: auto;
}
}
}
/* End */

16
src/styles/base/header.scss
View File

@ -103,9 +103,19 @@ sib-notifications {
}
.sib-notifications__list {
position: absolute;
right: 0;
top: 5.6rem;
overflow-x: hidden;
position: fixed;
left: 0;
top: 4.5rem;
width: 100vw;
@include breakpoint(lg) {
position: absolute;
left: auto;
right: 0;
top: 5.6rem;
width: 300px;
}
}
}
}

82
src/styles/base/main.scss
View File

@ -9,6 +9,7 @@
body {
background-color: var(--color-main-background);
box-sizing: border-box;
color: var(--color-main-text);
font-size: 1.6rem;
/* Fix for viewport height bug in webkit for mobile */
@ -21,6 +22,27 @@
}
}
/* Fix for sib-dashboard fixture */
sib-dashboard section {
padding: 1rem !important;
@include breakpoint(lg) {
padding: 4.2rem !important;
}
.icon {
display: inline-block;
}
}
/*@media (max-width: 767.98px) {
#conversejs .converse-chatboxes .chatbox .box-flyout {
height: 100% !important;
height: 100vh !important;
}
}*/
.wrapper {
display: grid;
grid-template-areas:
@ -62,11 +84,11 @@
display: block;
bottom: 0;
box-shadow: 0 2px 8px 0 rgba(65, 69, 73, 0.5);
min-width: 80%;
max-width: 86%;
position: fixed;
right: 0;
top: 0;
z-index: 1;
z-index: 1000;
@include breakpoint(lg) {
display: none;
@ -349,10 +371,10 @@ h5 {
}
.content-box__height {
height: calc(100vh - 50px - 56px); /* Heights of main header and sub-header */
min-height: calc(100vh - 50px - 56px); /* Heights of main header and sub-header */
@include breakpoint(lg) {
height: calc(100vh - 83px - 84px);
min-height: calc(100vh - 83px - 84px);
}
}
@ -389,9 +411,37 @@ h5 {
}*/
.admin-header {
align-items: center;
justify-content: space-between;
margin-bottom: 5rem;
/* Quick fix for alignment on mobile before admin content rework */
flex-direction: column;
align-items: flex-start;
margin-bottom: 20px;
/*end */
@include breakpoint(lg) {
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-bottom: 5rem;
}
h3 {
/* Quick fix for alignment on mobile before admin content rework */
margin-bottom: 20px;
/* end */
@include breakpoint(lg) {
margin-top: 0;
}
}
sib-ac-checker,
sib-link {
width: 100%;
@include breakpoint(lg) {
width: auto;
}
}
}
.backlink {
@ -433,9 +483,13 @@ h5 {
}
}
.section {
border-bottom: 1px solid var(--color-grey-10);
padding: 4.5rem;
.mobile-vertical-align {
flex-direction: column;
align-items: center;
@include breakpoint(lg) {
flex-direction: row;
}
}
.word-spacing-left {
@ -446,6 +500,14 @@ h5 {
margin-right: 0.60rem;
}
.mobile-margin__bottom {
margin-bottom: 1rem;
@include breakpoint(lg) {
margin-bottom: 0;
}
}
// Other base components
@import 'form';
@import 'table';

20
src/styles/base/table.scss
View File

@ -39,6 +39,7 @@
display: contents;
&>* {
border-bottom: 1px solid var(--color-table-border);
display: table-cell;
vertical-align: middle;
}
@ -55,6 +56,7 @@
display: table-row;
&>* {
border-bottom: 1px solid var(--color-table-border);
display: table-cell;
text-align: center;
vertical-align: middle;
@ -66,7 +68,13 @@
}
}
/* Styles of the tables and its elements */
/* Styles of the table and its elements */
.table {
border-bottom: 1px solid var(--color-table-border);
border-left: 1px solid var(--color-table-border);
border-right: 1px solid var(--color-table-border);
}
.table-header {
font-size: 1.6rem;
@ -82,22 +90,12 @@
padding: 2.1rem 0;
text-align: center;
}
>*:last-of-type {
border-right: 1px solid --color-table-header-background;
}
}
.table-body {
border-left: 1px solid var(--color-table-border);
border-right: 1px solid var(--color-table-border);
}
.table-body,
.table-header {
.border {
border-bottom: 1px solid var(--color-table-border);
border-right: 1px solid var(--color-table-border);
}