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

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

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

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

@@ -1,5 +1,6 @@
@import '../../../scss/styles.scss';
@layer payload-default {
.doc-tabs {
display: flex;
@@ -50,3 +51,4 @@
}
}
}
}

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

@@ -1,5 +1,6 @@
@import '../../scss/styles.scss';
@layer payload-default {
.doc-header {
width: 100%;
margin-top: base(0.4);
@@ -50,3 +51,4 @@
margin-top: 0;
}
}
}

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

@@ -1,5 +1,6 @@
@import '../../scss/styles.scss';
@layer payload-default {
.document-locked {
@include blur-bg;
display: flex;
@@ -35,3 +36,4 @@
}
}
}
}

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

@@ -1,5 +1,6 @@
@import '../../scss/styles.scss';
@layer payload-default {
.document-take-over {
@include blur-bg;
display: flex;
@@ -35,3 +36,4 @@
}
}
}
}

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

@@ -1,6 +1,8 @@
@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);
}
}

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

@@ -1,5 +1,6 @@
@import '../../scss/styles.scss';
@layer payload-default {
.leave-without-saving {
@include blur-bg;
display: flex;
@@ -35,3 +36,4 @@
}
}
}
}

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

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

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

@@ -1,5 +1,6 @@
@import '../../scss/styles.scss';
@layer payload-default {
.nav {
position: sticky;
top: 0;
@@ -158,3 +159,4 @@
}
}
}
}

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

@@ -1,5 +1,6 @@
@import '../../../scss/styles.scss';
@layer payload-default {
.template-default {
min-height: 100vh;
display: grid;
@@ -54,3 +55,4 @@
}
}
}
}

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

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

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

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

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

@@ -1,5 +1,6 @@
@import '../../../scss/styles.scss';
@layer payload-default {
.query-inspector {
&__json-children {
position: relative;
@@ -88,3 +89,4 @@
}
}
}
}

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

@@ -1,3 +1,4 @@
@layer payload-default {
span.unknownConverted {
text-transform: uppercase;
font-family: 'Roboto Mono', monospace;
@@ -12,3 +13,4 @@ span.unknownConverted {
background: red;
}
}
}

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

@@ -1,3 +1,4 @@
@layer payload-default {
span.unknownConverted {
text-transform: uppercase;
font-family: 'Roboto Mono', monospace;
@@ -12,3 +13,4 @@ span.unknownConverted {
background: red;
}
}
}

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

@@ -1,5 +1,6 @@
@import '../../../../scss/styles';
@layer payload-default {
.toolbar-popup__button {
display: flex;
align-items: center;
@@ -42,3 +43,4 @@
}
}
}
}

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

@@ -1,5 +1,6 @@
@import '../../../../scss/styles';
@layer payload-default {
.toolbar-popup__dropdown {
display: flex;
align-items: center;
@@ -117,3 +118,4 @@ html[data-theme='light'] {
}
}
}
}

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

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

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

@@ -1,5 +1,6 @@
@import '../../../../scss/styles.scss';
@layer payload-default {
.rich-text-link {
position: relative;
@@ -86,3 +87,4 @@
z-index: var(--z-popup);
}
}
}

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

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

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

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

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

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

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

@@ -1,5 +1,6 @@
@import '../../../../scss/styles.scss';
@layer payload-default {
.rich-text-relationship {
@extend %body;
@include shadow-sm;
@@ -91,3 +92,4 @@
}
}
}
}

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

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

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

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

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

@@ -1,5 +1,6 @@
@import '../../../../scss/styles.scss';
@layer payload-default {
.rich-text-upload {
@extend %body;
@include shadow-sm;
@@ -145,3 +146,4 @@
}
}
}
}