From e62f47e1643aaf81a21fb86d9cb628595b6fedcd Mon Sep 17 00:00:00 2001 From: Michael Ibragimchayev Date: Fri, 16 Jun 2023 12:26:13 -0400 Subject: [PATCH] Add transition to toggle. --- webapp/static/css/main_v2.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/webapp/static/css/main_v2.css b/webapp/static/css/main_v2.css index 3b8117f..3d1383f 100644 --- a/webapp/static/css/main_v2.css +++ b/webapp/static/css/main_v2.css @@ -105,10 +105,11 @@ form { #submit-button { width: 100%; - background-color: black; + background-color: #333333; color: white; padding: 8px; border-radius: 10px; + cursor: pointer; } footer { @@ -176,6 +177,7 @@ input[type='checkbox'] { height: 26px; align-items: center; justify-content: center; + transition: 0.3s; } input:checked + .toggle { @@ -185,6 +187,7 @@ input:checked + .toggle { #switch:checked + .toggle .toggle-icon:before { content: url(../img/droidIcon.svg); margin-left: 45px; + transition: 0.3s; } #toggle-container {