From 9a7a0368644cc8c73de6bab7ce12412d25e96256 Mon Sep 17 00:00:00 2001 From: Pierre Wizla Date: Fri, 28 Oct 2022 10:00:11 +0200 Subject: [PATCH 1/6] Add alpha & beta badges --- .../theme/global-components/AlphaBadge.vue | 23 +++++++++++++++++++ .../theme/global-components/BetaBadge.vue | 23 +++++++++++++++++++ .../theme/global-components/CustomBadge.vue | 12 ++++++++++ 3 files changed, 58 insertions(+) create mode 100644 docs/.vuepress/theme/global-components/AlphaBadge.vue create mode 100644 docs/.vuepress/theme/global-components/BetaBadge.vue diff --git a/docs/.vuepress/theme/global-components/AlphaBadge.vue b/docs/.vuepress/theme/global-components/AlphaBadge.vue new file mode 100644 index 0000000000..77eb7dfce1 --- /dev/null +++ b/docs/.vuepress/theme/global-components/AlphaBadge.vue @@ -0,0 +1,23 @@ + + + diff --git a/docs/.vuepress/theme/global-components/BetaBadge.vue b/docs/.vuepress/theme/global-components/BetaBadge.vue new file mode 100644 index 0000000000..278b7b30cd --- /dev/null +++ b/docs/.vuepress/theme/global-components/BetaBadge.vue @@ -0,0 +1,23 @@ + + + diff --git a/docs/.vuepress/theme/global-components/CustomBadge.vue b/docs/.vuepress/theme/global-components/CustomBadge.vue index 789e3035c2..c6d08c1fae 100644 --- a/docs/.vuepress/theme/global-components/CustomBadge.vue +++ b/docs/.vuepress/theme/global-components/CustomBadge.vue @@ -35,5 +35,17 @@ export default { background-color #00b6c8 &.bronze background-color #15bb70 + &.alpha + background-color transparent + border solid 2px #f00 + border-radius 4px + color #f00 + margin-bottom 2px + &.beta + background-color transparent + border solid 2px #4945ff + border-radius 4px + color #4945ff + margin-bottom 2px From 8199138263d9a3349bd9bab7bdd541a068b2cc80 Mon Sep 17 00:00:00 2001 From: Pierre Wizla Date: Fri, 28 Oct 2022 19:08:03 +0200 Subject: [PATCH 2/6] Update badge style --- .../theme/global-components/CustomBadge.vue | 45 +++++++++++++++---- 1 file changed, 37 insertions(+), 8 deletions(-) diff --git a/docs/.vuepress/theme/global-components/CustomBadge.vue b/docs/.vuepress/theme/global-components/CustomBadge.vue index c6d08c1fae..71331a28b6 100644 --- a/docs/.vuepress/theme/global-components/CustomBadge.vue +++ b/docs/.vuepress/theme/global-components/CustomBadge.vue @@ -36,16 +36,45 @@ export default { &.bronze background-color #15bb70 &.alpha - background-color transparent - border solid 2px #f00 + position relative + top -.2em + left .6em + background-color $danger100 + text-transform uppercase + font-size .4em + font-weight 700 + color $neutral800 + border 1px solid #F6ECFC border-radius 4px - color #f00 - margin-bottom 2px + padding .3em .6em .25em 1.2em + &::before + position absolute + content: '•' + font-size 1.5em + color $danger600 + left .25em + top .15em + content: '•' + font-size 1.5em + color $danger600 &.beta - background-color transparent - border solid 2px #4945ff + position relative + top -.2em + left .6em + background-color $alternative100 + text-transform uppercase + font-size .4em + font-weight 700 + color $neutral800 + border 1px solid #F6ECFC border-radius 4px - color #4945ff - margin-bottom 2px + padding .3em .6em .25em 1.2em + &::before + position absolute + left .25em + top .15em + content: '•' + font-size 1.5em + color $alternative600 From 094ce17be04f71c2a935c9e15e9cdb5b22315776 Mon Sep 17 00:00:00 2001 From: Pierre Wizla Date: Fri, 28 Oct 2022 19:15:55 +0200 Subject: [PATCH 3/6] Add test example on Custom Fields docs --- docs/developer-docs/latest/development/custom-fields.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/developer-docs/latest/development/custom-fields.md b/docs/developer-docs/latest/development/custom-fields.md index bc18f25625..fba1b0d4e2 100644 --- a/docs/developer-docs/latest/development/custom-fields.md +++ b/docs/developer-docs/latest/development/custom-fields.md @@ -5,7 +5,7 @@ sidebarDepth: 3 canonicalUrl: https://docs.strapi.io/developer-docs/latest/development/custom-fields.html --- -# Custom fields +# Custom fields Custom fields extend Strapi’s capabilities by adding new types of fields to content-types and components. Once created or installed, custom fields can be used in the Content-Type Builder and Content Manager just like built-in fields. @@ -20,7 +20,7 @@ Once created and used, custom fields are defined like any other attribute in the * Custom fields can only be shared using plugins. ::: -## Registering a custom field on the server +## Registering a custom field on the server ::: prerequisites !!!include(developer-docs/latest/development/snippets/custom-field-requires-plugin.md)!!! From b227eefd6aec5bc0e9ea1b35efea3e3613c2dc03 Mon Sep 17 00:00:00 2001 From: Pierre Wizla Date: Fri, 4 Nov 2022 11:28:01 +0100 Subject: [PATCH 4/6] Update style based on designer's feedback and clean up CSS --- .../theme/global-components/CustomBadge.vue | 30 +++++-------------- 1 file changed, 8 insertions(+), 22 deletions(-) diff --git a/docs/.vuepress/theme/global-components/CustomBadge.vue b/docs/.vuepress/theme/global-components/CustomBadge.vue index 71331a28b6..7be52256a3 100644 --- a/docs/.vuepress/theme/global-components/CustomBadge.vue +++ b/docs/.vuepress/theme/global-components/CustomBadge.vue @@ -36,45 +36,31 @@ export default { &.bronze background-color #15bb70 &.alpha + &.beta position relative top -.2em left .6em - background-color $danger100 text-transform uppercase - font-size .4em + font-size 14px font-weight 700 - color $neutral800 - border 1px solid #F6ECFC border-radius 4px - padding .3em .6em .25em 1.2em + padding .32em .6em .25em 1.2em + color $neutral800 &::before position absolute content: '•' font-size 1.5em - color $danger600 left .25em - top .15em + top .12em content: '•' font-size 1.5em + &.alpha + background-color $danger100 + &::before color $danger600 &.beta - position relative - top -.2em - left .6em background-color $alternative100 - text-transform uppercase - font-size .4em - font-weight 700 - color $neutral800 - border 1px solid #F6ECFC - border-radius 4px - padding .3em .6em .25em 1.2em &::before - position absolute - left .25em - top .15em - content: '•' - font-size 1.5em color $alternative600 From 7ae987775924db531a2526bd831729d99f3238ef Mon Sep 17 00:00:00 2001 From: Pierre Wizla Date: Fri, 4 Nov 2022 14:53:41 +0100 Subject: [PATCH 5/6] Test autodeploy by adding a CSS comment --- docs/.vuepress/theme/global-components/CustomBadge.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/.vuepress/theme/global-components/CustomBadge.vue b/docs/.vuepress/theme/global-components/CustomBadge.vue index 7be52256a3..0eb5c2f3f8 100644 --- a/docs/.vuepress/theme/global-components/CustomBadge.vue +++ b/docs/.vuepress/theme/global-components/CustomBadge.vue @@ -55,7 +55,7 @@ export default { content: '•' font-size 1.5em &.alpha - background-color $danger100 + background-color $danger100 // check palette.styl for values &::before color $danger600 &.beta From 0dfae1c68051457f265f59f71a533a328ebe47b6 Mon Sep 17 00:00:00 2001 From: Pierre Wizla Date: Tue, 8 Nov 2022 10:13:54 +0100 Subject: [PATCH 6/6] Remove examples in content --- docs/developer-docs/latest/development/custom-fields.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/developer-docs/latest/development/custom-fields.md b/docs/developer-docs/latest/development/custom-fields.md index fba1b0d4e2..bc18f25625 100644 --- a/docs/developer-docs/latest/development/custom-fields.md +++ b/docs/developer-docs/latest/development/custom-fields.md @@ -5,7 +5,7 @@ sidebarDepth: 3 canonicalUrl: https://docs.strapi.io/developer-docs/latest/development/custom-fields.html --- -# Custom fields +# Custom fields Custom fields extend Strapi’s capabilities by adding new types of fields to content-types and components. Once created or installed, custom fields can be used in the Content-Type Builder and Content Manager just like built-in fields. @@ -20,7 +20,7 @@ Once created and used, custom fields are defined like any other attribute in the * Custom fields can only be shared using plugins. ::: -## Registering a custom field on the server +## Registering a custom field on the server ::: prerequisites !!!include(developer-docs/latest/development/snippets/custom-field-requires-plugin.md)!!!