style empty calendar day

nora-kauczor · Nov 21, 2024 · 58429f1 · 58429f1
1 parent 610df9e
commit 58429f1
Show file tree

Hide file tree

Showing 7 changed files with 17 additions and 16 deletions.
diff --git a/frontend/src/components/CalendarDay/CalendarDay.css b/frontend/src/components/CalendarDay/CalendarDay.css
@@ -20,6 +20,11 @@
     gap: 1px;
 }
 
+.empty-day{
+    cursor: not-allowed;
+    pointer-events: none;
+}
+
 #calendar-date {
     margin: 0;
 }

diff --git a/frontend/src/components/CalendarDay/CalendarDay.tsx b/frontend/src/components/CalendarDay/CalendarDay.tsx
@@ -18,8 +18,10 @@ export default function CalendarDay(props: Readonly<Props>) {
 
     return (<div id={"calendar-day-wrapper"} >
             {props.vocabIdsOfDate && <button id={"calendar-day"}
+                                             disabled={props.vocabIdsOfDate?.vocabIds?.length >
+                                                 0}
                                              className={props.vocabIdsOfDate?.vocabIds?.length >
-                                             0 ? 'dots' : 'no-dots'}
+                                             0 ? '' : 'empty-day'}
                                              onClick={() => props.vocabIdsOfDate &&
                                                  props.openDayPopUpAndPassItVocabs(
                                                      props.vocabIdsOfDate)}

diff --git a/frontend/src/components/NavBar/NavBar.css b/frontend/src/components/NavBar/NavBar.css
@@ -31,6 +31,7 @@
     display: flex;
     justify-content: center;
     align-items: center;
+    cursor: pointer;
 }
 
 .navbar-button-text {

diff --git a/frontend/src/components/NavBar/NavBar.tsx b/frontend/src/components/NavBar/NavBar.tsx
@@ -12,12 +12,6 @@ export default function NavBar(props: Readonly<Props>) {
     const navigate = useNavigate();
     const path = window.location.pathname
 
-    const handleKeyDown = (event: React.KeyboardEvent<HTMLLIElement>,
-                           path: string) => {
-        if (event.key === 'Enter' || event.key === ' ') {
-            navigate(path);
-        }
-    };
     return (<ul id={"navbar"}>
         <li onClick={() => navigate('/backlog')}
             className={`navbar-button ${path === '/backlog' && !props.useForm ?

diff --git a/frontend/src/components/VocabListItem/VocabListItem.css b/frontend/src/components/VocabListItem/VocabListItem.css
@@ -15,19 +15,18 @@
 
 .list-item-backlog-mode {
     margin: 10px;
-    padding: 25px 20px 20px 20px;
-    width: 250px;
-    height: 110px;
-    min-width: 260px;
-    font-size: 20px;
+    padding: 30px 20px 20px 20px;
+    /*width: 270px;*/
+    height: 50px;
+
 }
 
 #text-wrapper {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     margin: 0;
-    padding: 0 15px 0 0;
+    padding: 0 20px 0 0;
     height: 100%;
     line-height: 25px;
     text-overflow: ellipsis;
@@ -36,7 +35,7 @@
 }
 
 .text-wrapper-backlog-mode{
-    width: 100%;
+    width: 200px;
 }
 .text-wrapper-calendar-mode{
     width: 100px;

diff --git a/frontend/src/index.css b/frontend/src/index.css
@@ -15,6 +15,7 @@ body {
     font-family: 'Roboto', sans-serif;
     color: black;
     background-color: #D1E7F5;
+    line-height: 25px;
 }
 
 button {
@@ -64,7 +65,7 @@ button {
 
 .home-button {
     margin-top: 1rem;
-    padding: 5px
+    padding: 6px 8px;
 }
 
 .pop-up {

diff --git a/frontend/src/pages/HomePage/HomePage.css b/frontend/src/pages/HomePage/HomePage.css
@@ -14,7 +14,6 @@
 }
 
 .homepage-text{
-line-height: 20px;
     padding-left: 15px;
     align-self: center;
 }