From d62bf03304f9e64b2333b6b5bd4f206835f2d449 Mon Sep 17 00:00:00 2001 From: ParkSuMin Date: Thu, 16 Oct 2025 13:38:31 +0300 Subject: [PATCH] Update: lab1 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Добавлена подсветка карточки при наведении, а также появились иконки по правому краю --- lab/1/index.css | 52 ++++++++++++++++++++++++++++++++++++++++++++++++ lab/1/index.html | 21 ++++++++++++++++++- 2 files changed, 72 insertions(+), 1 deletion(-) diff --git a/lab/1/index.css b/lab/1/index.css index d303488..12872fd 100644 --- a/lab/1/index.css +++ b/lab/1/index.css @@ -142,5 +142,57 @@ body { } } + & > .tasks-container { + overflow: hidden; + display: flex; + flex-direction: column; + gap: 10px; + + & > .task { + display: flex; + overflow: hidden; + box-sizing: border-box; + padding: 12px 16px; + border-radius: 8px; + background-color: var(--tm-app-cp-blue-30); + font-size: clamp(14px, 1.1vw, 24px); + list-style: none; + border: 2px solid transparent; + + &:hover{ + background-color: var(--tm-app-cp-blue-50); + border-color: var(--tm-app-cp-blue-90); + } + + & > .task__text { + flex: 1; + text-align: left; + transition: padding-right 0.3s ease; + overflow: hidden; + text-overflow: ellipsis; + } + .task__icons { + display: flex; + flex-direction: column; + align-items: center; + gap: 4px; + + & > .icon-row { + display: flex; + gap: 6px; + } + + .icon { + width: clamp(16px, 1.3vw, 22px); + height: auto; + opacity: 60%; + + &:hover{ + opacity: 100%; + } + } + } + } + } } } \ No newline at end of file diff --git a/lab/1/index.html b/lab/1/index.html index b9dbb75..588f9db 100644 --- a/lab/1/index.html +++ b/lab/1/index.html @@ -23,7 +23,26 @@

  • К выполнению