From 93552152be180766fda08b1bd7ccefc4d26065ff Mon Sep 17 00:00:00 2001 From: Lieuwe Rooijakkers Date: Sun, 19 Jan 2025 22:21:32 +0100 Subject: client advancements --- client/src/components/entry.css | 44 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 44 insertions(+) create mode 100644 client/src/components/entry.css (limited to 'client/src/components/entry.css') diff --git a/client/src/components/entry.css b/client/src/components/entry.css new file mode 100644 index 0000000..e76d6a9 --- /dev/null +++ b/client/src/components/entry.css @@ -0,0 +1,44 @@ +.entry { + display: flex; + width: 100%; + gap: 5px; + + button { + display: 0; + background: none; + border: none; + cursor: pointer; + font-weight: bold; + + opacity: 0; + } + + .text { + white-space: pre-wrap; + border: 0; + width: 100%; + padding: 5px; + } + .text:focus { + border: 0; + outline: 0; + + background-color: #f9f9f9; + } + + .text:empty:focus::before { + content: "write something..."; + opacity: .3; + font-style: italic; + } +} + +.entry:hover { + button { + opacity: .3; + } + + button:hover { + opacity: .5; + } +} -- cgit v1.2.3-70-g09d2