status-im/consul
2
0
Fork 0
mirror of https://github.com/status-im/consul.git synced 2025-01-09 21:35:52 +00:00
Code Issues Projects Releases Wiki Activity

ui: Fixup CSS for create pages (#9019)

Browse Source
This commit is contained in:
John Cowen 2020-10-23 15:41:36 +01:00 committed by GitHub
parent 74b8c024e8
commit 7559f64d01
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
ui/packages/consul-ui/app/styles/components/tabular-collection.scss
View File

@ -69,10 +69,10 @@ table.has-actions tr > *:nth-last-child(5):first-child ~ * {
} }
/*TODO: trs only live in tables, get rid of table */ /*TODO: trs only live in tables, get rid of table */
html[data-route^='dc.acls.policies.edit'] [role='dialog'] table tr, html[data-route^='dc.acls.policies'] [role='dialog'] table tr,
html[data-route^='dc.acls.policies.edit'] table tr, html[data-route^='dc.acls.policies'] table tr,
html[data-route^='dc.acls.roles.edit'] [role='dialog'] table tr, html[data-route^='dc.acls.roles'] [role='dialog'] table tr,
html[data-route^='dc.acls.roles.edit'] main table.token-list tr { html[data-route^='dc.acls.roles'] main table.token-list tr {
@extend %tokens-minimal-row; @extend %tokens-minimal-row;
} }
// this will get auto calculated later in tabular-collection.js // this will get auto calculated later in tabular-collection.js

7
ui/packages/consul-ui/app/styles/layout.scss
View File

@ -1,8 +1,8 @@
@import 'layouts/index'; @import 'layouts/index';
/* all forms have a margin below the header */ /* all forms have a margin below the header */
html[data-route$='.create'] .app-view > header + div > *:first-child, html[data-route$='create'] .app-view > header + div > *:first-child,
html[data-route$='.edit'] .app-view > header + div > *:first-child { html[data-route$='edit'] .app-view > header + div > *:first-child {
margin-top: 1.8em; margin-top: 1.8em;
} }
/* most tabs have margin after the tab bar, unless the tab has a filter bar */ /* most tabs have margin after the tab bar, unless the tab has a filter bar */
@ -59,7 +59,8 @@ main,
#wrapper > footer { #wrapper > footer {
@extend %content-container; @extend %content-container;
} }
html[data-route$='.edit'] main { html[data-route$='create'] main,
html[data-route$='edit'] main {
@extend %content-container-restricted; @extend %content-container-restricted;
} }

3
ui/packages/consul-ui/app/styles/routes/dc/acls/index.scss
View File

@ -17,16 +17,19 @@ html[data-route^='dc.acls.index'] .filter-bar [role='radiogroup'] {
} }
@media #{$--lt-wide-form} { @media #{$--lt-wide-form} {
html[data-route^='dc.acls.create'] main header .actions,
html[data-route^='dc.acls.edit'] main header .actions { html[data-route^='dc.acls.edit'] main header .actions {
float: none; float: none;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-bottom: 1em; margin-bottom: 1em;
} }
html[data-route^='dc.acls.create'] main header .actions .with-feedback,
html[data-route^='dc.acls.edit'] main header .actions .with-feedback { html[data-route^='dc.acls.edit'] main header .actions .with-feedback {
position: absolute; position: absolute;
right: 0; right: 0;
} }
html[data-route^='dc.acls.create'] main header .actions .with-confirmation,
html[data-route^='dc.acls.edit'] main header .actions .with-confirmation { html[data-route^='dc.acls.edit'] main header .actions .with-confirmation {
margin-top: 0; margin-top: 0;
} }

2
ui/packages/consul-ui/app/styles/routes/dc/kv/index.scss
View File

@ -1,4 +1,4 @@
html[data-route^='dc.kv.edit'] .type-toggle { html[data-route^='dc.kv'] .type-toggle {
float: right; float: right;
margin-bottom: 0 !important; margin-bottom: 0 !important;
} }