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

feature: admin-create-circle

Browse Source
This commit is contained in:
gaelle morin
2020-12-06 02:03:40 +01:00
parent f7bbadb14c
commit d38bae5b88
9 changed files with 50 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/styles/hubl-framework/_index.scss
View File

@ -7,12 +7,12 @@
display: block;
}
@import 'commons/_index';
@import 'icons/_index';
@import 'avatars/_index';
@import 'badges/_index';
@import 'buttons/_index';
@import 'links/_index';
@import 'forms/_index';
@import 'icons/_index';
@import 'segments/_index';
@import 'forms/_index';
@import 'tables/_index';
@import 'tags/_index';

18
src/styles/hubl-framework/buttons/_index.scss
View File

@ -30,6 +30,24 @@ a {
font-size: 15px;
margin-right: 6px;
}
&-semibold {
*,
& {
font-weight: 600;
}
}
&-bold {
*,
& {
font-weight: 700;
}
}
&-uppercase {
*,
& {
text-transform: uppercase;
}
}
&.color-primary {
background-color: white;
*,

20
src/styles/hubl-framework/commons/texts.scss
View File

@ -19,28 +19,16 @@
font-size: 18px;
}
&-normal {
*,
& {
font-weight: 400;
}
font-weight: 400;
}
&-semibold {
*,
& {
font-weight: 600;
}
font-weight: 600;
}
&-bold {
*,
& {
font-weight: 700;
}
font-weight: 700;
}
&-uppercase {
*,
& {
text-transform: uppercase;
}
text-transform: uppercase;
}
&-underline {
text-decoration: underline;

4
src/styles/hubl-framework/forms/_index.scss
View File

@ -4,6 +4,10 @@ solid-form {
display: none !important; // Hide the default core message, english only with a weird message
}
form>* {
display: block;
}
@import 'inputs';
@import 'buttons';
@import 'widgets';

16
src/styles/hubl-framework/forms/buttons.scss
View File

@ -1,10 +1,11 @@
.button-register>form>input[type='submit'] {
/*@extend .button,
.text-bolder,
input[type='submit'] {
@extend .button,
.text-xsmall,
.text-bold,
.text-uppercase,
.reversed,
.button-secondary,
.bordered;*/
.color-secondary,
.bordered;
height: auto;
position: fixed;
bottom: 1em;
@ -13,8 +14,7 @@
width: 80%;
z-index: 1;
/*@include breakpoint(lg) {
height: 3rem;
@media($large) {
position: unset;
bottom: unset;
white-space: unset;
@ -23,5 +23,5 @@
z-index: unset;
float: right;
margin-top: 10px;
}*/
}
}

5
src/styles/hubl-framework/forms/inputs.scss
View File

@ -24,8 +24,3 @@ textarea {
height: 110px;
resize: vertical;
}
input.icon {
background-position: right 12px top 50%;
background-repeat: no-repeat;
}

8
src/styles/hubl-framework/icons/styles.scss
View File

@ -1,6 +1,12 @@
.icon {
&.icon-magnify {
input,
.ss-single-selected {
background-position: right 12px top 50%;
background-repeat: no-repeat;
}
&.icon-magnify input,
&.icon-magnify .ss-single-selected {
background-image: url("/lib/solid-directory/dist/assets/magnify.svg");
}
&.icon-arrow-down {

2
src/styles/hubl-framework/links/_index.scss
View File

@ -5,7 +5,9 @@ solid-route {
.backlink {
color: #636363;
font-size: 13px;
text-decoration: underline;
@include icon('arrow-left-circle');
&::before {
display: inline-block;

10
src/views/admin/page-admin-circles-create.pug
View File

@ -1,4 +1,4 @@
div.segment.padding-xlarge.border-bottom.clearfix
div.segment.padding-top-xsmall.padding-right-large.padding-bottom-xsmall.padding-left-large.border-bottom.border-color-grey.text-color-heading.clearfix
div.segment.lg-half.float-left
h2.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='circle.create.title')
div.segment.lg-half.float-left.text-right
@ -11,7 +11,7 @@ div.segment.padding-xlarge.clearfix
div
div
solid-form.form.button-register(
solid-form.button-register(
data-src=`${endpoints.circles || endpoints.post.circles}`
fields='status, name, description'
@ -20,9 +20,9 @@ div.segment.padding-xlarge.clearfix
required-description
loader-id='loader-circles-create'
class-status='block segment lg-half margin-bottom padding-left-large box-border text-small text-bold text-uppercase text-color-heading'
class-name='segment lg-half float-left margin-bottom padding-left-large box-border text-small text-bold text-uppercase text-color-heading'
class-description='segment lg-half float-left margin-bottom padding-left-large box-border text-small text-bold text-uppercase text-color-heading'
class-status='segment margin-bottom-medium lg-half padding-right-small text-small text-semibold text-uppercase text-color-heading icon icon-magnify'
class-name='segment margin-bottom-medium lg-half padding-right-small text-small text-semibold text-uppercase text-color-heading float-left'
class-description='segment margin-bottom-medium lg-half padding-left-small text-small text-semibold text-uppercase text-color-heading float-left'
label-status=''
label-name=''