From 0652eb445728806d7fd6a50021a763051503ab36 Mon Sep 17 00:00:00 2001 From: sowgro Date: Thu, 3 Apr 2025 14:55:55 -0400 Subject: get checkout abstraction kinda working --- .../components/need-list/need-list.component.css | 33 ---------------------- 1 file changed, 33 deletions(-) (limited to 'ufund-ui/src/app/components/need-list/need-list.component.css') diff --git a/ufund-ui/src/app/components/need-list/need-list.component.css b/ufund-ui/src/app/components/need-list/need-list.component.css index e17609b..582b832 100644 --- a/ufund-ui/src/app/components/need-list/need-list.component.css +++ b/ufund-ui/src/app/components/need-list/need-list.component.css @@ -1,9 +1,3 @@ -#header { - display: flex; - flex-direction: column; - gap: 10px -} - .needEntry { background-color: #2e2e2e; display: flex; @@ -17,33 +11,6 @@ gap: 15px } -select { - font-size: 14pt; - padding: 5px; -} - -#searchArea { - display: flex; - - form { - display: flex; - width: 100%; - gap: 10px; - } - - input[type=text] { - display: flex; - width: 100%; - } -} - -#sortArea { - display: flex; - flex-direction: row; - gap: 10px; - align-items: center; -} - .needName { font-weight: bold; } -- cgit v1.2.3 From b578584a1208178100bf90e8b06971772c7fc00f Mon Sep 17 00:00:00 2001 From: sowgro Date: Fri, 4 Apr 2025 21:55:12 -0400 Subject: Fix many bugs and code clean up --- ufund-ui/src/app/components/need-list/need-list.component.css | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'ufund-ui/src/app/components/need-list/need-list.component.css') diff --git a/ufund-ui/src/app/components/need-list/need-list.component.css b/ufund-ui/src/app/components/need-list/need-list.component.css index 582b832..622b64a 100644 --- a/ufund-ui/src/app/components/need-list/need-list.component.css +++ b/ufund-ui/src/app/components/need-list/need-list.component.css @@ -72,6 +72,10 @@ gap: 5px; } +.actionArea:empty { + padding: 0; +} + #page-selector { display: flex; align-items: center; -- cgit v1.2.3 From 8ee9c972b06829ccae3adccf3009279f6aeaeb4c Mon Sep 17 00:00:00 2001 From: benal01 Date: Sat, 5 Apr 2025 20:18:25 -0400 Subject: need image on need list --- .../components/need-list/need-list.component.css | 25 +++++++++++++++++++--- 1 file changed, 22 insertions(+), 3 deletions(-) (limited to 'ufund-ui/src/app/components/need-list/need-list.component.css') diff --git a/ufund-ui/src/app/components/need-list/need-list.component.css b/ufund-ui/src/app/components/need-list/need-list.component.css index 622b64a..5cfa479 100644 --- a/ufund-ui/src/app/components/need-list/need-list.component.css +++ b/ufund-ui/src/app/components/need-list/need-list.component.css @@ -20,18 +20,34 @@ font-size: 10pt; } +.need-image { + height: 130px; + width: 200px; + margin: -10px 0 0 -10px; + object-fit: cover; + border-radius: 5px; + mask-image: linear-gradient(to right, rgb(255,255,255) 0, rgb(255,255,255,.1) 60%, rgb(255,255,255,0) 100%); +} + .split { display: flex; flex-direction: row; - justify-content: space-between; - - + .left { + width: 15%; + display: flex; + flex-direction: column; + } + + .middle { + width: 42.5%; display: flex; + align-items: start; flex-direction: column; } .right { + width: 42.5%; display: flex; flex-direction: column; align-items: end; @@ -47,8 +63,11 @@ } .prog { + width: 85%; display: flex; flex-direction: column; + align-self: end; + margin-top: -5.25%; } .clickable { -- cgit v1.2.3 From 2ac334681c268391987e51a52260be7b632cc4f1 Mon Sep 17 00:00:00 2001 From: benal01 Date: Sat, 5 Apr 2025 20:33:56 -0400 Subject: hover animation for need list image --- .../src/app/components/need-list/need-list.component.css | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) (limited to 'ufund-ui/src/app/components/need-list/need-list.component.css') diff --git a/ufund-ui/src/app/components/need-list/need-list.component.css b/ufund-ui/src/app/components/need-list/need-list.component.css index 5cfa479..86a021e 100644 --- a/ufund-ui/src/app/components/need-list/need-list.component.css +++ b/ufund-ui/src/app/components/need-list/need-list.component.css @@ -5,6 +5,19 @@ border-radius: 5px; } +.needEntry:hover { + .need-image { + mask-image: none; + width: 210px + } + .left { + width: 32.5%; + } + .prog { + width: 72.5%; + } +} + #needList { display: flex; flex-direction: column; @@ -21,6 +34,7 @@ } .need-image { + transition: all 0.15s ease-in-out; height: 130px; width: 200px; margin: -10px 0 0 -10px; @@ -35,6 +49,7 @@ .left { width: 15%; + transition: all 0.2s ease-in-out; display: flex; flex-direction: column; } @@ -63,6 +78,7 @@ } .prog { + transition: all 0.2s ease-in-out; width: 85%; display: flex; flex-direction: column; -- cgit v1.2.3 From fd7d46749103d5610dd71ed33cb1e9d133701d4e Mon Sep 17 00:00:00 2001 From: sowgro Date: Sun, 6 Apr 2025 13:22:24 -0400 Subject: Disable need-image animation for now --- .../components/need-list/need-list.component.css | 28 +++++++++++----------- 1 file changed, 14 insertions(+), 14 deletions(-) (limited to 'ufund-ui/src/app/components/need-list/need-list.component.css') diff --git a/ufund-ui/src/app/components/need-list/need-list.component.css b/ufund-ui/src/app/components/need-list/need-list.component.css index 86a021e..60af7bb 100644 --- a/ufund-ui/src/app/components/need-list/need-list.component.css +++ b/ufund-ui/src/app/components/need-list/need-list.component.css @@ -5,19 +5,6 @@ border-radius: 5px; } -.needEntry:hover { - .need-image { - mask-image: none; - width: 210px - } - .left { - width: 32.5%; - } - .prog { - width: 72.5%; - } -} - #needList { display: flex; flex-direction: column; @@ -43,10 +30,23 @@ mask-image: linear-gradient(to right, rgb(255,255,255) 0, rgb(255,255,255,.1) 60%, rgb(255,255,255,0) 100%); } +/*.clickable:hover {*/ +/* .need-image {*/ +/* mask-image: none;*/ +/* width: 210px*/ +/* }*/ +/* .left {*/ +/* width: 32.5%;*/ +/* }*/ +/* .prog {*/ +/* width: 72.5%;*/ +/* }*/ +/*}*/ + .split { display: flex; flex-direction: row; - + .left { width: 15%; transition: all 0.2s ease-in-out; -- cgit v1.2.3