From 9bcf60d06ec82071eada5fbec565dc576686562f Mon Sep 17 00:00:00 2001 From: Oibek Khashimov Date: Thu, 1 Feb 2024 16:38:01 +0600 Subject: [PATCH] update test --- test/spendbook/.DS_Store | Bin 6148 -> 6148 bytes test/spendbook/index.html | 2 +- test/spendbook/report/index.html | 189 +++++++++++++++---------------- test/spendbook/styles.css | 131 +++++++++++---------- 4 files changed, 157 insertions(+), 165 deletions(-) diff --git a/test/spendbook/.DS_Store b/test/spendbook/.DS_Store index 280e6837d7c8a03fe17a785c51ef17ea93514b23..f207d7c098f22f54e123fafd4fa5861cfcb4c4fd 100644 GIT binary patch delta 137 zcmZoMXfc=|#>B!ku~2NHo+2aX#(>?7i$5?kF>+4kVTzt?&BV)77F?8B)qu~2NHo+2ar#(>?7jO>$nSfV#Kvy?Dy7U2+Pnb;t?nVo~51E_4X ZAjfy+$^0UY91K9f$iTp|IYML&GXQ@p5F7vi diff --git a/test/spendbook/index.html b/test/spendbook/index.html index 5dcd9ac..c125019 100644 --- a/test/spendbook/index.html +++ b/test/spendbook/index.html @@ -148,7 +148,7 @@ - +
diff --git a/test/spendbook/report/index.html b/test/spendbook/report/index.html index afe09f5..6583ee0 100644 --- a/test/spendbook/report/index.html +++ b/test/spendbook/report/index.html @@ -1,17 +1,94 @@ + + + + + + - +
- Категория - + Месяц +
    @@ -21,100 +98,20 @@
    Год -
    - - -
    - -
    - - -
    - -
    - - -
    + + + +
    - - - - - diff --git a/test/spendbook/styles.css b/test/spendbook/styles.css index a739456..1853b82 100644 --- a/test/spendbook/styles.css +++ b/test/spendbook/styles.css @@ -1,22 +1,10 @@ body { - touch-action: none; - user-select: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - cursor: default; - overflow: hidden; - - position: relative; - /*height: 100vh;*/ margin: 0; padding: 0; background-color: var(--tg-theme-bg-color); color: var(--tg-theme-text-color); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; - - overflow-y: auto; } .form { @@ -37,8 +25,8 @@ body { .select-button { background-color: var(--tg-theme-secondary-bg-color); - /*var(--tg-theme-secondary-bg-color)*/ - + font-size: 18px; + color: var(--tg-theme-text-color); text-align: left; width: 100%; @@ -55,7 +43,6 @@ body { .select-options { background-color: var(--tg-theme-bg-color); - /*var(--tg-theme-bg-color)*/ position: absolute; width: 100%; @@ -84,11 +71,9 @@ body { .select-option { background-color: var(--tg-theme-secondary-bg-color); - /*var(--tg-theme-secondary-bg-color)*/ padding: 10px 20px; border-bottom: 1px solid var(--tg-theme-bg-color); - /*var(--tg-theme-bg-color)*/ cursor: pointer; } @@ -103,13 +88,15 @@ body { } .select-option.selected { - background: #f4f4f5 url("../spendbook/images/check-icon.svg") 98% center no-repeat; + background: url("../spendbook/images/check-icon.svg") 98% center no-repeat; background-size: 20px; } .text-field { background-color: var(--tg-theme-secondary-bg-color); - /*var(--tg-theme-secondary-bg-color)*/ + + font-size: 18px; + color: var(--tg-theme-text-color); width: 100%; padding: 10px 20px; @@ -133,58 +120,66 @@ input::-webkit-inner-spin-button { input[type=number] { -moz-appearance: textfield; } -.radiobtn { + + +.radio-input-label { position: relative; - display: block; -} -.radiobtn label { - display: block; - background: var(--tg-theme-secondary-bg-color); - /*var(--tg-theme-secondary-bg-color)*/ - border-radius: 8px; + background-color: var(--tg-theme-secondary-bg-color); + + width: 100%; padding: 10px 20px; - border: none; - margin-bottom: 5px; + border-bottom: 1px solid var(--tg-theme-bg-color); + + overflow: hidden; cursor: pointer; + box-sizing: border-box; } -.radiobtn label:after, .radiobtn label:before { - content: ""; - position: absolute; - right: 11px; - top: 11px; - width: 20px; - height: 20px; - border-radius: 3px; - background: #3290ec; - /*var(--primary should be)*/ -} -.radiobtn label:before { - background: transparent; - transition: 0.1s width cubic-bezier(0.075, 0.82, 0.165, 1) 0s, 0.3s height cubic-bezier(0.075, 0.82, 0.165, 2) 0.1s; - z-index: 2; - overflow: hidden; - background-repeat: no-repeat; - background-size: 13px; - background-position: center; - width: 0; - height: 0; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNS4zIDEzLjIiPiAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE0LjcuOGwtLjQtLjRhMS43IDEuNyAwIDAgMC0yLjMuMUw1LjIgOC4yIDMgNi40YTEuNyAxLjcgMCAwIDAtMi4zLjFMLjQgN2ExLjcgMS43IDAgMCAwIC4xIDIuM2wzLjggMy41YTEuNyAxLjcgMCAwIDAgMi40LS4xTDE1IDMuMWExLjcgMS43IDAgMCAwLS4yLTIuM3oiIGRhdGEtbmFtZT0iUGZhZCA0Ii8+PC9zdmc+); -} -.radiobtn input[type="radio"] { - display: none; + +.radio-input-label:first-child { + border-top-left-radius: 8px; + border-top-right-radius: 8px; +} + +.radio-input-label:first-of-type { + border-top-left-radius: 8px; + border-top-right-radius: 8px; +} + +.radio-input-label:last-child { + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; +} + +.radio-input { position: absolute; - width: 100%; - appearance: none; -} -.radiobtn input[type="radio"]:checked + label { - /*background: #fdcb77;*/ - animation-duration: 1s; - /*border-color: red;*/ -} -/*.radiobtn input[type="radio"]:checked + label:after {*/ -/* background: green;*/ -/*}*/ -.radiobtn input[type="radio"]:checked + label:before { - width: 20px; - height: 20px; + left: -9999px; +} + +.radio-input-text { + font-size: 18px; + color: var(--tg-theme-text-color); + + display: flex; + align-items: center; + + transition: 0.25s ease; +} + +.radio-input-text:before { + content: ""; + background-color: #fff; + + display: flex; + flex-shrink: 0; + width: 28px; + height: 28px; + margin-right: 8px; + + border-radius: 50%; + transition: 0.25s ease; + box-shadow: inset 0 0 0 2px #3290ec; +} + +.radio-input:checked + .radio-input-text:before { + box-shadow: inset 0 0 0 8px #3290ec; } \ No newline at end of file