tabshift/payload
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: improves edit screen sidebar styles

Browse Source
This commit is contained in:
Jarrod Flesch
2022-11-22 09:13:00 -05:00
parent 1d1d2493aa
commit 9770affad0
2 changed files with 50 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
src/admin/components/views/Global/index.scss
View File

@@ -29,17 +29,6 @@
margin-top: base(.25);
}
&__collection-actions {
list-style: none;
margin: 0;
padding: base(1.5) 0 base(.5);
display: flex;
li {
margin-right: base(.75);
}
}
&__edit {
padding-top: base(1);
padding-bottom: base(2);
@@ -74,6 +63,17 @@
padding-left: base(1.5);
}
&__sidebar-fields {
padding-right: $baseline;
margin-bottom: base(1);
.preview-btn {
display: inline-block;
margin-top: 0;
width: calc(50% - #{base(.5)});
}
}
&__document-actions {
@include blur-bg;
position: sticky;
@@ -113,7 +113,6 @@
&__api-url {
margin-bottom: base(1.5);
padding-right: base(1.5);
a {
display: block;
@@ -125,10 +124,15 @@
&__meta {
margin: auto 0 $baseline;
padding-top: $baseline;
padding-right: $baseline;
list-style: none;
li {
margin-bottom: base(.5);
&:last-child {
margin-bottom: 0;
}
}
}
@@ -136,7 +140,6 @@
color: var(--theme-elevation-400);
}
&__collection-actions,
&__api-url {
a,
@@ -169,6 +172,10 @@
height: initial;
}
&__meta {
border-top: 1px solid var(--theme-elevation-100);
}
&__form {
display: block;
}
@@ -190,24 +197,24 @@
&__meta,
&__sidebar-fields {
padding-left: var(--gutter-h);
padding-right: var(--gutter-h);
}
&__sidebar-fields {
margin-bottom: base(1);
padding-top: base(1);
.preview-btn {
width: 100%;
}
}
&__api-url {
margin-bottom: base(.5);
}
&__collection-actions {
border-top: 1px solid var(--theme-elevation-100);
padding: base(1) 0 0 base(1);
order: 1;
li {
margin: 0 base(.5) 0 0;
}
}
&__sidebar {
padding-bottom: base(4);
padding-bottom: base(3.5);
}
&__sidebar-sticky {

23
src/admin/components/views/collections/Edit/index.scss
View File

@@ -108,7 +108,6 @@
&__api-url {
margin-bottom: base(1.5);
padding-right: base(1.5);
a {
display: block;
@@ -119,6 +118,7 @@
&__sidebar-fields {
padding-right: $baseline;
margin-bottom: base(1);
.preview-btn {
display: inline-block;
@@ -130,10 +130,15 @@
&__meta {
margin: auto 0 $baseline 0;
padding-top: $baseline;
padding-right: $baseline;
list-style: none;
li {
margin-bottom: base(.5);
&:last-child {
margin-bottom: 0;
}
}
}
@@ -174,6 +179,11 @@
height: initial;
}
&__meta {
border-top: 1px solid var(--theme-elevation-100);
padding-right: var(--gutter-h);
}
&__form {
display: block;
}
@@ -196,9 +206,14 @@
&__meta,
&__sidebar-fields {
padding-left: var(--gutter-h);
padding-right: var(--gutter-h);
}
&__sidebar-fields {
margin-bottom: base(1);
padding-top: base(1);
padding-right: var(--gutter-h);
.preview-btn {
width: 100%;
}
@@ -206,7 +221,7 @@
&__collection-actions {
border-top: 1px solid var(--theme-elevation-100);
padding: base(1) 0 0 base(1);
padding: base(1) 0 0 var(--gutter-h);
order: 1;
li {
@@ -215,7 +230,7 @@
}
&__sidebar {
padding-bottom: base(4);
padding-bottom: base(3.5);
}
}
}
}