diff --git a/src/styles/base/main.scss b/src/styles/base/main.scss index b2b29fd..c732836 100644 --- a/src/styles/base/main.scss +++ b/src/styles/base/main.scss @@ -75,6 +75,9 @@ height: 0; width: 100%; } + &.margin-top-small { + margin-top: 10px; + } &.margin-left { margin-left: 20px; } @@ -84,6 +87,12 @@ &.margin-bottom-xlarge { margin-bottom: 30px; } + &.margin-bottom-xxlarge { + margin-bottom: 35px; + } + &.margin-top-xxlarge { + margin-top: 35px; + } &.margin-left-small { margin-left: 15px; } diff --git a/src/views/admin/page-admin-communities.pug b/src/views/admin/page-admin-communities.pug index 096b4db..38495c9 100644 --- a/src/views/admin/page-admin-communities.pug +++ b/src/views/admin/page-admin-communities.pug @@ -1,14 +1,8 @@ -.content-box.full-width.with-form +.content-box.full-width solid-router(default-route='admin-communities-list', hidden) solid-route(name='admin-communities-list') solid-route(name='admin-users-create', use-id) - div.segment.padding-xlarge.border-bottom - div - h2.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='communities.title') - div.segment.lg-hidden - button.mobile-sidebar-button.jsMobileSidebarOpenButton.icon-arrow-left-circle(data-trans='communities.menuMobile') - solid-widget(name='hubl-action-community') template solid-ac-checker(data-src="${value}", nested-field="members", permission='acl:Append') @@ -22,7 +16,13 @@ div.button.button-disabled(data-trans='communities.noPermission') #admin-communities-list.content-box__height(hidden, data-view="admin-communities-list") - div.segment.padding-xlarge + div.segment.padding-xlarge.border-bottom + div + h2.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='communities.title') + div.segment.lg-hidden + button.mobile-sidebar-button.jsMobileSidebarOpenButton.icon-arrow-left-circle(data-trans='communities.menuMobile') + + div.segment.padding-xlarge.clearfix div.segment.padding-y-small.margin-bottom.clearfix h3.text-large.text-bold.text-letter-spacing-large(data-trans='communities.subTitle') diff --git a/src/views/admin/page-admin-users-create.pug b/src/views/admin/page-admin-users-create.pug index 66e7c47..4b7bff5 100644 --- a/src/views/admin/page-admin-users-create.pug +++ b/src/views/admin/page-admin-users-create.pug @@ -1,14 +1,11 @@ -div.content-box__info.flex - solid-link(class='backlink right', next='admin-communities-list' data-trans='user.create.backlink') +div.segment.padding-xlarge.border-bottom.clearfix + div.segment.lg-half.float-left + h2.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='communities.title') + div.segment.lg-half.float-left.text-right + solid-link(class="backlink", next='admin-communities-list' data-trans='user.create.backlink') - solid-display.h1-like.centered( - bind-resources - fields='text, name' - value-text='' - data-trans='value-text=user.create.title' - loader-id='loader-users-title' - ) +div.segment.padding-xlarge div#loader-users-title.loader.loader div div @@ -31,6 +28,9 @@ div.content-box__info.flex label(data-trans='user.create.labelEmail') input(type="email" label='' data-trans='label=user.create.labelEmail' name="email" required value="\${value}" data-holder) + div.segment.margin-top-small.margin-bottom-xxlarge + h3.text-uppercase.text-large.text-letter-spacing-large(data-trans='user.create.title', loader-id='loader-users-title') + solid-form.form.button-register#selected-community( bind-resources nested-field='members' @@ -42,10 +42,10 @@ div.content-box__info.flex required-user.email loader-id='loader-users-create' - class-user.first_name='form-label is-light is-half-width input-text-like' - class-user.last_name='form-label is-light is-half-width input-text-like' - class-user.username='form-label is-light is-half-width input-text-like' - class-user.email='form-label is-light is-half-width input-text-like' + class-user.first_name='segment lg-half float-left margin-bottom padding-left-large box-border text-small text-bold text-uppercase text-color-heading' + class-user.last_name='segment lg-half float-left margin-bottom padding-left-large box-border text-small text-bold text-uppercase text-color-heading' + class-user.username='segment lg-half float-left margin-bottom padding-left-large box-border text-small text-bold text-uppercase text-color-heading' + class-user.email='segment lg-half float-left margin-bottom padding-left-large box-border text-small text-bold text-uppercase text-color-heading' label-user.first_name='' label-user.last_name=''