From 8a4be40c19c5067fac1fead0ed613459bd2e6b68 Mon Sep 17 00:00:00 2001 From: Vincent Fretin Date: Sat, 20 Dec 2025 18:24:53 +0100 Subject: [PATCH 1/4] Stylus doesn't know about the new rgb syntax, so it removed the alpha, revert to the stylus rgba function and ignore rules in stylelint --- src/style/index.styl | 2 +- src/style/scenegraph.styl | 2 +- src/style/textureModal.styl | 7 +++---- stylelint.config.js | 3 +++ 4 files changed, 8 insertions(+), 6 deletions(-) diff --git a/src/style/index.styl b/src/style/index.styl index 3bdd06b1..b1544eee 100644 --- a/src/style/index.styl +++ b/src/style/index.styl @@ -169,7 +169,7 @@ body.aframe-inspector-opened z-index 999999999 svg - color rgb(219 97 162) + color rgb(219, 97, 162) fill currentColor .sponsor-btn:hover diff --git a/src/style/scenegraph.styl b/src/style/scenegraph.styl index f2166e78..9529e57e 100644 --- a/src/style/scenegraph.styl +++ b/src/style/scenegraph.styl @@ -137,7 +137,7 @@ background var(--color-base-300) border 1px solid var(--color-base-300) border-radius 4px - box-shadow 0 4px 12px rgb(0 0 0 / 30%) + box-shadow 0 4px 12px rgba(0, 0, 0, 0.3) max-height 300px overflow-y auto position absolute diff --git a/src/style/textureModal.styl b/src/style/textureModal.styl index d085d1b4..50f2646d 100644 --- a/src/style/textureModal.styl +++ b/src/style/textureModal.styl @@ -1,7 +1,6 @@ .modal animation animateopacity 0.2s ease-out - background-color rgb(0 0 0) - background-color rgb(0 0 0 / 60%) + background-color rgba(0, 0, 0, 0.6) display flex height 100% left 0 @@ -25,7 +24,7 @@ animation-duration 0.2s animation-name animatetop background-color var(--color-base-200) - box-shadow 0 4px 8px 0 rgb(0 0 0 / 50%), 0 6px 20px 0 rgb(0 0 0 / 50%) + box-shadow 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.5) margin auto overflow hidden padding 0 @@ -70,7 +69,7 @@ .gallery li border-radius 2px - box-shadow 0 0 6px rgb(0 0 0 / 60%) + box-shadow 0 0 6px rgba(0, 0, 0, 0.6) cursor pointer margin 8px overflow hidden diff --git a/stylelint.config.js b/stylelint.config.js index 2ce60552..2d115a56 100644 --- a/stylelint.config.js +++ b/stylelint.config.js @@ -3,6 +3,9 @@ module.exports = { plugins: ['stylelint-order'], ignoreFiles: ['src/style/themes.css'], rules: { + 'alpha-value-notation': null, + 'color-function-alias-notation': null, + 'color-function-notation': null, 'declaration-property-value-no-unknown': null, 'import-notation': null, 'media-feature-range-notation': 'prefix', From 4825b4e50d506d637cd2cdd8245f0f3f8c657f28 Mon Sep 17 00:00:00 2001 From: Vincent Fretin Date: Sat, 20 Dec 2025 18:25:14 +0100 Subject: [PATCH 2/4] Increase font-weight for modal title --- src/style/textureModal.styl | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/style/textureModal.styl b/src/style/textureModal.styl index 50f2646d..f18682d7 100644 --- a/src/style/textureModal.styl +++ b/src/style/textureModal.styl @@ -12,7 +12,7 @@ .modal h3 font-size 18px - font-weight 100 + font-weight 600 margin 0.6em 0 #textureModal .modal-content From f2c6f0538f06ca14ad7b706ce7ca14d9633958f7 Mon Sep 17 00:00:00 2001 From: Vincent Fretin Date: Sat, 20 Dec 2025 18:27:09 +0100 Subject: [PATCH 3/4] Remove non existing animatetop animation --- src/style/textureModal.styl | 3 --- 1 file changed, 3 deletions(-) diff --git a/src/style/textureModal.styl b/src/style/textureModal.styl index f18682d7..8bc7a6a7 100644 --- a/src/style/textureModal.styl +++ b/src/style/textureModal.styl @@ -20,9 +20,6 @@ width calc(100% - 50px) .modal-content - animation animatetop 0.2s ease-out - animation-duration 0.2s - animation-name animatetop background-color var(--color-base-200) box-shadow 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.5) margin auto From 96c1794ce889015daf7c79c1ef62cbf99df98d96 Mon Sep 17 00:00:00 2001 From: Vincent Fretin Date: Sat, 20 Dec 2025 18:38:59 +0100 Subject: [PATCH 4/4] Fix search icon position in texture modal --- src/style/textureModal.styl | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/src/style/textureModal.styl b/src/style/textureModal.styl index 8bc7a6a7..81215d33 100644 --- a/src/style/textureModal.styl +++ b/src/style/textureModal.styl @@ -190,9 +190,14 @@ position relative width 200px +.assets.search input + box-sizing border-box + padding-right 20px + width 100% + .assets.search svg position absolute - right 0 + right 5px top 5px .new_asset_options