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

fix(ui): add missing styles under the payload-default css layer (#8723)

Browse Source
This commit is contained in:
Paul
2024-10-15 19:58:50 -06:00
committed by GitHub
parent 6d0676ab09
commit e6a1ca5049
26 changed files with 1147 additions and 1095 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/next/src/elements/DocumentHeader/Tabs/Tab/index.scss
View File

@@ -1,6 +1,7 @@
@import '../../../../scss/styles.scss';
.doc-tab {
@layer payload-default {
.doc-tab {
@extend %h5;
position: relative;
@@ -90,4 +91,5 @@
background-color: var(--theme-elevation-100);
border-radius: var(--style-radius-s);
}
}
}

4
packages/next/src/elements/DocumentHeader/Tabs/index.scss
View File

@@ -1,6 +1,7 @@
@import '../../../scss/styles.scss';
.doc-tabs {
@layer payload-default {
.doc-tabs {
display: flex;
&__tabs {
@@ -49,4 +50,5 @@
gap: var(--gutter-h);
}
}
}
}

4
packages/next/src/elements/DocumentHeader/index.scss
View File

@@ -1,6 +1,7 @@
@import '../../scss/styles.scss';
.doc-header {
@layer payload-default {
.doc-header {
width: 100%;
margin-top: base(0.4);
padding-bottom: calc(var(--base) * 1.2);
@@ -49,4 +50,5 @@
@include small-break {
margin-top: 0;
}
}
}

4
packages/next/src/elements/DocumentLocked/index.scss
View File

@@ -1,6 +1,7 @@
@import '../../scss/styles.scss';
.document-locked {
@layer payload-default {
.document-locked {
@include blur-bg;
display: flex;
align-items: center;
@@ -34,4 +35,5 @@
margin: 0;
}
}
}
}

4
packages/next/src/elements/DocumentTakeOver/index.scss
View File

@@ -1,6 +1,7 @@
@import '../../scss/styles.scss';
.document-take-over {
@layer payload-default {
.document-take-over {
@include blur-bg;
display: flex;
align-items: center;
@@ -34,4 +35,5 @@
margin: 0;
}
}
}
}

6
packages/next/src/elements/FormHeader/index.scss
View File

@@ -1,6 +1,8 @@
.form-header {
@layer payload-default {
.form-header {
display: flex;
flex-direction: column;
gap: calc(var(--base) * .5);
gap: calc(var(--base) * 0.5);
margin-bottom: var(--base);
}
}

4
packages/next/src/elements/LeaveWithoutSaving/index.scss
View File

@@ -1,6 +1,7 @@
@import '../../scss/styles.scss';
.leave-without-saving {
@layer payload-default {
.leave-without-saving {
@include blur-bg;
display: flex;
align-items: center;
@@ -34,4 +35,5 @@
margin: 0;
}
}
}
}

4
packages/next/src/elements/Nav/NavWrapper/index.scss
View File

@@ -1,6 +1,7 @@
@import '../../../scss/styles.scss';
.nav {
@layer payload-default {
.nav {
position: sticky;
top: 0;
left: 0;
@@ -22,4 +23,5 @@
&--nav-open {
opacity: 1;
}
}
}

4
packages/next/src/elements/Nav/index.scss
View File

@@ -1,6 +1,7 @@
@import '../../scss/styles.scss';
.nav {
@layer payload-default {
.nav {
position: sticky;
top: 0;
left: 0;
@@ -157,4 +158,5 @@
align-items: center;
}
}
}
}

12
packages/next/src/templates/Default/Wrapper/index.scss
View File

@@ -1,6 +1,7 @@
@import '../../../scss/styles.scss';
.template-default {
@layer payload-default {
.template-default {
min-height: 100vh;
display: grid;
position: relative;
@@ -21,9 +22,9 @@
}
}
}
}
}
@media (min-width: 1441px) {
@media (min-width: 1441px) {
.template-default {
grid-template-columns: 0 auto;
@@ -31,9 +32,9 @@
grid-template-columns: var(--nav-width) auto;
}
}
}
}
@media (max-width: 1440px) {
@media (max-width: 1440px) {
.template-default--nav-hydrated.template-default--nav-open {
grid-template-columns: var(--nav-width) auto;
}
@@ -53,4 +54,5 @@
}
}
}
}
}

4
packages/next/src/templates/Default/index.scss
View File

@@ -1,6 +1,7 @@
@import '../../scss/styles.scss';
.template-default {
@layer payload-default {
.template-default {
background-color: var(--theme-bg);
color: var(--theme-text);
@@ -74,4 +75,5 @@
}
}
}
}
}

4
packages/next/src/templates/Minimal/index.scss
View File

@@ -1,6 +1,7 @@
@import '../../scss/styles';
.template-minimal {
@layer payload-default {
.template-minimal {
display: flex;
width: 100%;
justify-content: center;
@@ -25,4 +26,5 @@
width: 100%;
}
}
}
}

4
packages/next/src/views/API/RenderJSON/index.scss
View File

@@ -1,6 +1,7 @@
@import '../../../scss/styles.scss';
.query-inspector {
@layer payload-default {
.query-inspector {
&__json-children {
position: relative;
@@ -87,4 +88,5 @@
width: calc(100% - 5px);
}
}
}
}

4
packages/richtext-lexical/src/features/migrations/lexicalPluginToLexical/nodes/unknownConvertedNode/index.scss
View File

@@ -1,4 +1,5 @@
span.unknownConverted {
@layer payload-default {
span.unknownConverted {
text-transform: uppercase;
font-family: 'Roboto Mono', monospace;
letter-spacing: 2px;
@@ -11,4 +12,5 @@ span.unknownConverted {
div {
background: red;
}
}
}

4
packages/richtext-lexical/src/features/migrations/slateToLexical/nodes/unknownConvertedNode/index.scss
View File

@@ -1,4 +1,5 @@
span.unknownConverted {
@layer payload-default {
span.unknownConverted {
text-transform: uppercase;
font-family: 'Roboto Mono', monospace;
letter-spacing: 2px;
@@ -11,4 +12,5 @@ span.unknownConverted {
div {
background: red;
}
}
}

4
packages/richtext-lexical/src/features/toolbars/shared/ToolbarButton/index.scss
View File

@@ -1,6 +1,7 @@
@import '../../../../scss/styles';
.toolbar-popup__button {
@layer payload-default {
.toolbar-popup__button {
display: flex;
align-items: center;
vertical-align: middle;
@@ -41,4 +42,5 @@
opacity: 0.2;
}
}
}
}

8
packages/richtext-lexical/src/features/toolbars/shared/ToolbarDropdown/index.scss
View File

@@ -1,6 +1,7 @@
@import '../../../../scss/styles';
.toolbar-popup__dropdown {
@layer payload-default {
.toolbar-popup__dropdown {
display: flex;
align-items: center;
vertical-align: middle;
@@ -107,13 +108,14 @@
}
}
}
}
}
html[data-theme='light'] {
html[data-theme='light'] {
.toolbar-popup__dropdown {
&-items {
position: absolute;
@include shadow-m;
}
}
}
}

4
packages/richtext-slate/src/field/elements/blockquote/index.scss
View File

@@ -1,9 +1,11 @@
@import '../../../scss/styles.scss';
.rich-text-blockquote {
@layer payload-default {
.rich-text-blockquote {
&[data-slate-node='element'] {
margin: base(0.625) 0;
padding-left: base(0.625);
border-left: 1px solid var(--theme-elevation-200);
}
}
}

12
packages/richtext-slate/src/field/elements/link/Element/index.scss
View File

@@ -1,6 +1,7 @@
@import '../../../../scss/styles.scss';
.rich-text-link {
@layer payload-default {
.rich-text-link {
position: relative;
.popup {
@@ -47,9 +48,9 @@
background-color: var(--popup-button-highlight);
}
}
}
}
.rich-text-link__popup {
.rich-text-link__popup {
display: flex;
gap: calc(var(--base) * 0.25);
button {
@@ -65,9 +66,9 @@
}
}
}
}
}
.rich-text-link__popup-toggler {
.rich-text-link__popup-toggler {
position: relative;
border: 0;
background-color: transparent;
@@ -85,4 +86,5 @@
&--open {
z-index: var(--z-popup);
}
}
}

4
packages/richtext-slate/src/field/elements/link/LinkDrawer/index.scss
View File

@@ -1,6 +1,7 @@
@import '../../../../scss/styles.scss';
.rich-text-link-edit-modal {
@layer payload-default {
.rich-text-link-edit-modal {
&__template {
position: relative;
z-index: 1;
@@ -47,4 +48,5 @@
}
}
}
}
}

4
packages/richtext-slate/src/field/elements/ol/index.scss
View File

@@ -1,7 +1,9 @@
@import '../../../scss/styles.scss';
.rich-text-ol {
@layer payload-default {
.rich-text-ol {
&[data-slate-node='element'] {
margin: base(0.625) 0;
}
}
}

4
packages/richtext-slate/src/field/elements/relationship/Button/index.scss
View File

@@ -1,7 +1,9 @@
@import '../../../../scss/styles.scss';
.relationship-rich-text-button {
@layer payload-default {
.relationship-rich-text-button {
display: flex;
align-items: center;
height: 100%;
}
}

4
packages/richtext-slate/src/field/elements/relationship/Element/index.scss
View File

@@ -1,6 +1,7 @@
@import '../../../../scss/styles.scss';
.rich-text-relationship {
@layer payload-default {
.rich-text-relationship {
@extend %body;
@include shadow-sm;
padding: base(0.75);
@@ -90,4 +91,5 @@
pointer-events: none;
}
}
}
}

4
packages/richtext-slate/src/field/elements/ul/index.scss
View File

@@ -1,7 +1,9 @@
@import '../../../scss/styles.scss';
.rich-text-ul {
@layer payload-default {
.rich-text-ul {
&[data-slate-node='element'] {
margin: base(0.625) 0;
}
}
}

4
packages/richtext-slate/src/field/elements/upload/Button/index.scss
View File

@@ -1,7 +1,9 @@
@import '../../../../scss/styles.scss';
.upload-rich-text-button {
@layer payload-default {
.upload-rich-text-button {
display: flex;
align-items: center;
height: 100%;
}
}

4
packages/richtext-slate/src/field/elements/upload/Element/index.scss
View File

@@ -1,6 +1,7 @@
@import '../../../../scss/styles.scss';
.rich-text-upload {
@layer payload-default {
.rich-text-upload {
@extend %body;
@include shadow-sm;
max-width: base(15);
@@ -144,4 +145,5 @@
padding: base(0.75) base(0.5);
}
}
}
}