Subcategory Container Depth
This commit is contained in:
@@ -94,14 +94,13 @@ Statuses:
|
|||||||
|
|
||||||
Complete the following:
|
Complete the following:
|
||||||
|
|
||||||
- [x] Remove the lines on the left side of the categories page underneath the categories this also exists for subcategories on the "category" page.
|
- [x] The containers around subcategory sections look weak. Change the container border radius to match that of the icon's, but make it +4 (see image)
|
||||||
|
|
||||||
## Future Tasks
|
## Future Tasks
|
||||||
|
|
||||||
Tasks to be considered in the future, not implemented immediately. Keep them in scope when making decisions.
|
Tasks to be considered in the future, not implemented immediately. Keep them in scope when making decisions.
|
||||||
|
|
||||||
- [x] Draft a design for icons and avatars to look a little more "ornate", like literal signet rings, maybe with some subtle dark steel or faded gold bordering. Implemented with layered dark steel/faded gold borders and restrained inset highlights for category icons, child category icons, avatars, and user initials. `./nodebb build` passes; local browser validation was blocked because `localhost:4567` was not running.
|
- [x] Draft a design for icons and avatars to look a little more "ornate", like literal signet rings, maybe with some subtle dark steel or faded gold bordering. Implemented with layered dark steel/faded gold borders and restrained inset highlights for category icons, child category icons, avatars, and user initials. `./nodebb build` passes; local browser validation was blocked because `localhost:4567` was not running.
|
||||||
|
|
||||||
- [ ] Consider a light mode/dark mode toggle while retaining core theme, preferably without adding a Skin
|
- [ ] Consider a light mode/dark mode toggle while retaining core theme, preferably without adding a Skin
|
||||||
- [ ] Un-bold "topics" and "posts" and make the color lines replace the black line drived from category background color to either use the foreground color of the icon, or an ornate gilding like the icons (image 2)
|
- [ ] Un-bold "topics" and "posts" and make the color lines replace the black line drived from category background color to either use the foreground color of the icon, or an ornate gilding like the icons (image 2)
|
||||||
- [ ] Consider making the category names a bit smoother; it looks like it's not anti-aliased. (image 3)
|
- [ ] Consider making the category names a bit smoother; it looks like it's not anti-aliased. (image 3)
|
||||||
|
|||||||
@@ -84,7 +84,7 @@ ul.category-children {
|
|||||||
padding: 0.2rem 0.55rem;
|
padding: 0.2rem 0.55rem;
|
||||||
background: rgba(44, 22, 34, 0.3);
|
background: rgba(44, 22, 34, 0.3);
|
||||||
border: 1px solid rgba(194, 163, 90, 0.11);
|
border: 1px solid rgba(194, 163, 90, 0.11);
|
||||||
border-radius: 999px;
|
border-radius: 8px;
|
||||||
transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
|
transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user