dice/impress
1
0
Fork 0
forked from OpenNeo/impress
Code Pull requests Activity
impress/app/assets/stylesheets/items/_show.sass

71 lines
1.1 KiB
Sass
Raw Normal View History

Upgrade to latest Sass and Sprockets This required a buncha fixes to how SASS scoping works! Needed to add a bunch of imports for stuff that previously would get read from the global scope by being imported *after* the constants and mixins etc. There's clearly a lot of refactor opportunity here, but I'm not gonna worry about it!!
2023-08-22 16:08:11 -07:00
@import "../partials/clean/constants"
@import "../partials/clean/mixins"
Add basic styles to trades page Still not accessible via links, just exists!
2024-01-21 03:38:02 -08:00
@import "../partials/item_header"
Upgrade to latest Sass and Sprockets This required a buncha fixes to how SASS scoping works! Needed to add a bunch of imports for stuff that previously would get read from the global scope by being imported *after* the constants and mixins etc. There's clearly a lot of refactor opportunity here, but I'm not gonna worry about it!!
2023-08-22 16:08:11 -07:00
move from scss to sass
2010-11-05 13:43:26 -07:00
body.items-show
Add basic styles to trades page Still not accessible via links, just exists!
2024-01-21 03:38:02 -08:00
.item-header
+item-header
Use CSS grid instead of floats for item page info I'm planning to mess with this layout a bit, I don't want floats getting in my way!
2024-01-18 22:16:56 -08:00
brought-to-you-by on items#show lists contributors
2012-10-24 20:09:05 -07:00
#item-contributors
+subtle-banner
clear: both
a few tweaks to items#show contributors appearance
2012-10-24 20:16:01 -07:00
margin:
bottom: 0
top: 2em
brought-to-you-by on items#show lists contributors
2012-10-24 20:09:05 -07:00
header
display: inline
font-weight: bold
margin-right: .25em
footer
display: inline
ul
Fix item page contributor list styles Idk when and how this regressed, maybe I deleted a style I thought was unused? But yeah, this is how this was always intended to render.
2024-01-23 04:37:43 -08:00
display: inline
list-style: none
li
display: inline
&::after
content: ", "
brought-to-you-by on items#show lists contributors
2012-10-24 20:09:05 -07:00
Fix item page contributor list styles Idk when and how this regressed, maybe I deleted a style I thought was unused? But yeah, this is how this was always intended to render.
2024-01-23 04:37:43 -08:00
&:last-child::after
content: "."
update items#show style
2012-03-23 14:37:53 -07:00
move from scss to sass
2010-11-05 13:43:26 -07:00
.nc-icon
height: 16px
width: 16px
[WIP] Start replacing item page preview with simpler HTML-based version Just stripping out the big React component, and having Rails output it! There's a lot of work rn in extracting the Impress 2020 dependency from the `wardrobe-2020` React app, and I'm just curious to see if we can simplify it at all by pulling this stuff *way* back to basics, and deleting the item page part of `wardrobe-2020` altogether. In this draft, we regress a lot of functionality: it just shows the item on a Blue Acara, with no ability to change it! I'm gonna play with putting more of that back in. I also haven't actually removed any of the item page React code; I just stopped calling it. That can be a cleanup for another time, once we're confident in this experiment!
2024-06-30 23:09:28 -07:00
Refactor more of item outfit preview into the `Outfit` class This is a cute thing that I think sets us up for other stuff down the line: move more of the outfit appearance logic into the `Outfit` class! Now, we set up the item page with a temporary instance of `Outfit`, then ask for its `visible_layers`. Still missing restricted-zones logic and such, that's next!
2024-07-01 16:07:25 -07:00
.outfit-viewer
[WIP] Start replacing item page preview with simpler HTML-based version Just stripping out the big React component, and having Rails output it! There's a lot of work rn in extracting the Impress 2020 dependency from the `wardrobe-2020` React app, and I'm just curious to see if we can simplify it at all by pulling this stuff *way* back to basics, and deleting the item page part of `wardrobe-2020` altogether. In this draft, we regress a lot of functionality: it just shows the item on a Blue Acara, with no ability to change it! I'm gonna play with putting more of that back in. I also haven't actually removed any of the item page React code; I just stopped calling it. That can be a cleanup for another time, once we're confident in this experiment!
2024-06-30 23:09:28 -07:00
position: relative
display: block
width: 300px
height: 300px
border: 1px solid $module-border-color
border-radius: 1em
overflow: hidden
margin: 0 auto .75em
Refactor more of item outfit preview into the `Outfit` class This is a cute thing that I think sets us up for other stuff down the line: move more of the outfit appearance logic into the `Outfit` class! Now, we set up the item page with a temporary instance of `Outfit`, then ask for its `visible_layers`. Still missing restricted-zones logic and such, that's next!
2024-07-01 16:07:25 -07:00
.outfit-layer
[WIP] Start replacing item page preview with simpler HTML-based version Just stripping out the big React component, and having Rails output it! There's a lot of work rn in extracting the Impress 2020 dependency from the `wardrobe-2020` React app, and I'm just curious to see if we can simplify it at all by pulling this stuff *way* back to basics, and deleting the item page part of `wardrobe-2020` altogether. In this draft, we regress a lot of functionality: it just shows the item on a Blue Acara, with no ability to change it! I'm gonna play with putting more of that back in. I also haven't actually removed any of the item page React code; I just stopped calling it. That can be a cleanup for another time, once we're confident in this experiment!
2024-06-30 23:09:28 -07:00
display: block
position: absolute
inset: 0
img
width: 100%
height: 100%
[WIP] Add species/color picker for simplified item page preview Still a lot missing here, like choosing the right default for Baby etc items, and saving the user's preferences. But it's a start!
2024-06-30 23:34:27 -07:00
.species-color-picker
.error-icon
cursor: help
margin-right: .25em
&[data-is-valid="false"]
select
border-color: $error-border-color
color: $error-color
Copy permalink