diff --git a/styles/v3/elements/text-input.scss b/styles/v3/elements/text-input.scss index 5cbdfc7..1554c02 100644 --- a/styles/v3/elements/text-input.scss +++ b/styles/v3/elements/text-input.scss @@ -11,11 +11,11 @@ font-size: inherit; &:hover { - @include material.elevate(6); + @include material.elevate(4); } &:focus-visible { - @include material.elevate(8); + @include material.elevate(6); } &.h1 { diff --git a/styles/v3/elements/textarea.scss b/styles/v3/elements/textarea.scss new file mode 100644 index 0000000..bc8adcd --- /dev/null +++ b/styles/v3/elements/textarea.scss @@ -0,0 +1,24 @@ +@use "../mixins/material" as material; + +.dotdungeon.style-v3 > .window-content textarea { + outline: none; + border: none; + @include material.elevate(3); + color: white; + transition: all 200ms ease-in-out; + font-family: inherit; + font-size: 0.9rem; + + &:hover { + @include material.elevate(4); + } + + &:focus-visible { + @include material.elevate(6); + } + + &.no-resize { + @extend textarea; + resize: none; + } +} diff --git a/styles/v3/index.scss b/styles/v3/index.scss index 95ea3f6..367f2d5 100644 --- a/styles/v3/index.scss +++ b/styles/v3/index.scss @@ -5,6 +5,7 @@ /* Element-Styling */ @use "./elements/button.scss"; @use "./elements/text-input.scss"; +@use "./elements/textarea.scss"; @use "./elements/headers.scss"; @use "./elements/hr.scss"; @use "./elements/icons.scss"; diff --git a/templates/items/untyped/v2/tabs/general.v2.untyped.hbs b/templates/items/untyped/v2/tabs/general.v2.untyped.hbs index 4c72fff..041d4c3 100644 --- a/templates/items/untyped/v2/tabs/general.v2.untyped.hbs +++ b/templates/items/untyped/v2/tabs/general.v2.untyped.hbs @@ -2,10 +2,16 @@
{{#if meta.isEditable}} + {{else}}

{{item.name}}

+
+ {{system.description}} +
{{/if}} -