From 0ca8c7ed3cd1e09f92b93a8560bc0f0025c401f9 Mon Sep 17 00:00:00 2001 From: uday-kalyan-s Date: Tue, 10 Dec 2024 01:12:24 +0530 Subject: [PATCH 01/22] main doesnt have to be flex. block works --- frontend/src/index.css | 4 ---- 1 file changed, 4 deletions(-) diff --git a/frontend/src/index.css b/frontend/src/index.css index 09047f7..30a24d2 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -15,11 +15,7 @@ } .main { - display: flex; margin: 0 auto; - flex-direction: column; - justify-content: center; - align-items: center; text-align: center; .logo { From d98bd04de8a0e5d7e6092f0727b249d01d29018c Mon Sep 17 00:00:00 2001 From: uday-kalyan-s Date: Tue, 10 Dec 2024 01:12:51 +0530 Subject: [PATCH 02/22] removed negative margins --- frontend/src/index.css | 2 -- 1 file changed, 2 deletions(-) diff --git a/frontend/src/index.css b/frontend/src/index.css index 30a24d2..58d5120 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -21,12 +21,10 @@ .logo { max-width: 100%; height: auto; - margin-bottom: -70px; } .doodle { width: 30%; - margin-top: -48px; } } From f077af4b96a08cc896e79461d3af0c08ac134168 Mon Sep 17 00:00:00 2001 From: uday-kalyan-s Date: Tue, 10 Dec 2024 01:13:23 +0530 Subject: [PATCH 03/22] made doodle responsive --- frontend/src/index.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/frontend/src/index.css b/frontend/src/index.css index 58d5120..00d396c 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -24,7 +24,8 @@ } .doodle { - width: 30%; + width: 90%; + max-width: 500px; } } From b67e272b800e5e73a79473feb4a4388b740984ad Mon Sep 17 00:00:00 2001 From: uday-kalyan-s Date: Tue, 10 Dec 2024 01:14:25 +0530 Subject: [PATCH 04/22] removed redundant and 'important' properties of p tag --- frontend/src/index.css | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/frontend/src/index.css b/frontend/src/index.css index 00d396c..f8cd8b5 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -30,9 +30,7 @@ } p { - margin: 0 auto !important; - text-align: center !important; - width: 70% !important; + margin: 5vh; } * { From 8754a36634f1f7fb1087d3fa606e89628717de9f Mon Sep 17 00:00:00 2001 From: uday-kalyan-s Date: Tue, 10 Dec 2024 01:14:59 +0530 Subject: [PATCH 05/22] added margin for h1 to make it compact --- frontend/src/index.css | 1 + 1 file changed, 1 insertion(+) diff --git a/frontend/src/index.css b/frontend/src/index.css index f8cd8b5..270bdd8 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -40,6 +40,7 @@ p { h1 { font-size: 60px; font-weight: 200; + margin: 0; } .input-wrapper { From f9efba46792395f93a46ddf6fd55dcc4f0b31fdf Mon Sep 17 00:00:00 2001 From: uday-kalyan-s Date: Tue, 10 Dec 2024 01:16:18 +0530 Subject: [PATCH 06/22] removed intermediate tag in searchbar to make alignment neater --- frontend/src/components/SearchBar.tsx | 20 +++++++++----------- 1 file changed, 9 insertions(+), 11 deletions(-) diff --git a/frontend/src/components/SearchBar.tsx b/frontend/src/components/SearchBar.tsx index 26f556d..29619fb 100644 --- a/frontend/src/components/SearchBar.tsx +++ b/frontend/src/components/SearchBar.tsx @@ -40,17 +40,15 @@ const SearchBar: React.FC = ({ onSelectProfessor }) => { return (
-
- - handleChange(e.target.value)} - /> -
+ + handleChange(e.target.value)} + />
{dropdownVisibility && (
From bf4a7bfdffec587e2c055395f63620bd8dd132d6 Mon Sep 17 00:00:00 2001 From: uday-kalyan-s Date: Tue, 10 Dec 2024 01:17:16 +0530 Subject: [PATCH 07/22] remove already inherit property --- frontend/src/index.css | 2 -- 1 file changed, 2 deletions(-) diff --git a/frontend/src/index.css b/frontend/src/index.css index 270bdd8..a5be630 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -45,7 +45,6 @@ h1 { .input-wrapper { position: relative; - color: black; width: 100%; height: 2.5rem; border: none; @@ -69,7 +68,6 @@ h1 { } .input-wrapper input { - color: black; background-color: transparent; height: 100%; font-size: 1.25rem; From ed3792409eb07c7c42844a5ebac20854092ce573 Mon Sep 17 00:00:00 2001 From: uday-kalyan-s Date: Tue, 10 Dec 2024 01:19:05 +0530 Subject: [PATCH 08/22] fix search-results container(removed 100% properties and made it center aligned --- frontend/src/index.css | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/frontend/src/index.css b/frontend/src/index.css index a5be630..785f21d 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -120,9 +120,8 @@ a:hover { display: flex; flex-direction: column; flex-wrap: wrap; - width: 100%; - height: 100%; align-items: center; + justify-content: center; .time-table { display: flex; From 360db67c1ea3c363546d545d16470420b57cf04d Mon Sep 17 00:00:00 2001 From: uday-kalyan-s Date: Tue, 10 Dec 2024 01:20:34 +0530 Subject: [PATCH 09/22] remove uneccessary absolute transformations in search icon --- frontend/src/index.css | 5 ----- 1 file changed, 5 deletions(-) diff --git a/frontend/src/index.css b/frontend/src/index.css index 785f21d..221db21 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -82,12 +82,7 @@ input:focus { } #search-icon { - position: absolute; - top: 50%; - left: 13px; - transform: translateY(-50%); color: royalblue; - margin-right: 10px; } .dropdown { From 977b851cb35ba7b0b182c8ad04f2272b60fed102 Mon Sep 17 00:00:00 2001 From: uday-kalyan-s Date: Tue, 10 Dec 2024 01:21:51 +0530 Subject: [PATCH 10/22] change sizing from absolute to container inherited --- frontend/src/index.css | 2 -- 1 file changed, 2 deletions(-) diff --git a/frontend/src/index.css b/frontend/src/index.css index 221db21..abc0853 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -69,9 +69,7 @@ h1 { .input-wrapper input { background-color: transparent; - height: 100%; font-size: 1.25rem; - width: 500px; border: none; margin-left: 10px; padding-left: 15px; From e14427ad316d5e1465d2b1204162661358a22584 Mon Sep 17 00:00:00 2001 From: uday-kalyan-s Date: Tue, 10 Dec 2024 01:22:47 +0530 Subject: [PATCH 11/22] make search-bar-container more responsive --- frontend/src/index.css | 13 +++++-------- 1 file changed, 5 insertions(+), 8 deletions(-) diff --git a/frontend/src/index.css b/frontend/src/index.css index abc0853..658557a 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -57,14 +57,11 @@ h1 { } .search-bar-container { - display: flex; - flex-direction: column; - position: relative; - margin: 0 auto; - width: 45%; - margin-top: 20px; - justify-content: center; - align-items: center; + width: 100%; + width: fit-content; + max-width: 90%; + padding: 10px; + min-width: 40%; } .input-wrapper input { From a6d4463419953556196af57e3625b8ea41f04f7c Mon Sep 17 00:00:00 2001 From: uday-kalyan-s Date: Tue, 10 Dec 2024 01:27:53 +0530 Subject: [PATCH 12/22] make the input wrapper responsive: --- frontend/src/index.css | 11 +++++------ 1 file changed, 5 insertions(+), 6 deletions(-) diff --git a/frontend/src/index.css b/frontend/src/index.css index 658557a..3a164a1 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -44,16 +44,15 @@ h1 { } .input-wrapper { - position: relative; - width: 100%; - height: 2.5rem; + display: flex; + flex-direction: row; + justify-items: center; + align-items: center; border: none; border-radius: 10px; - padding: 0 15px; + padding: 7px; box-shadow: 0px 0px 8px #ddd; background-color: white; - display: flex; - margin-bottom: 20px; } .search-bar-container { From 9862b82ce4cd7b69bfb239d338df34889cf520eb Mon Sep 17 00:00:00 2001 From: uday-kalyan-s Date: Tue, 10 Dec 2024 01:29:09 +0530 Subject: [PATCH 13/22] remove limit on dropdown menu and add margin to prevent overlap --- frontend/src/index.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/frontend/src/index.css b/frontend/src/index.css index 3a164a1..915d21c 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -82,7 +82,7 @@ input:focus { .dropdown { width: 100%; background-color: white; - max-height: 250px; + margin-top: 10px; } .dropdown-row { From 3fadeac811dc6330299aee7d06d94e7f7f655c31 Mon Sep 17 00:00:00 2001 From: uday-kalyan-s Date: Tue, 10 Dec 2024 01:29:55 +0530 Subject: [PATCH 14/22] removed another inherited property --- frontend/src/index.css | 1 - 1 file changed, 1 deletion(-) diff --git a/frontend/src/index.css b/frontend/src/index.css index 915d21c..85b3e57 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -88,7 +88,6 @@ input:focus { .dropdown-row { padding: 10px; cursor: pointer; - color: black; outline: none; } From b3a19c89dd00760669dfabf7252758bbb60b6e1d Mon Sep 17 00:00:00 2001 From: uday-kalyan-s Date: Tue, 10 Dec 2024 01:30:28 +0530 Subject: [PATCH 15/22] removed property since default wrap mode --- frontend/src/index.css | 1 - 1 file changed, 1 deletion(-) diff --git a/frontend/src/index.css b/frontend/src/index.css index 85b3e57..614fe4a 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -107,7 +107,6 @@ a:hover { .search-results { display: flex; flex-direction: column; - flex-wrap: wrap; align-items: center; justify-content: center; From 4ee88e9ebe871e72d352332498737fe521deacf0 Mon Sep 17 00:00:00 2001 From: uday-kalyan-s Date: Tue, 10 Dec 2024 01:32:07 +0530 Subject: [PATCH 16/22] cleaned footer-text --- frontend/src/index.css | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) diff --git a/frontend/src/index.css b/frontend/src/index.css index 614fe4a..217c2f9 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -4,14 +4,10 @@ } .footer-text { - bottom: 0px; - margin: 0 auto; - left: 0; + margin: 0; padding-top: 1rem; padding-bottom: 2px; - width: 100%; text-align: center; - color: black; } .main { From 7a9e93700fa7f8eeda657dc6be7067aa0bb7fb4b Mon Sep 17 00:00:00 2001 From: uday-kalyan-s Date: Tue, 10 Dec 2024 01:36:37 +0530 Subject: [PATCH 17/22] background-color is inhrerited. cleanup dropdown --- frontend/src/index.css | 1 - 1 file changed, 1 deletion(-) diff --git a/frontend/src/index.css b/frontend/src/index.css index 217c2f9..3f586c4 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -77,7 +77,6 @@ input:focus { .dropdown { width: 100%; - background-color: white; margin-top: 10px; } From a1cf56618f185aa28469fc9f065b2f4a689b8387 Mon Sep 17 00:00:00 2001 From: uday-kalyan-s Date: Tue, 10 Dec 2024 01:38:53 +0530 Subject: [PATCH 18/22] main margin is 0 by default. cleanup --- frontend/src/index.css | 1 - 1 file changed, 1 deletion(-) diff --git a/frontend/src/index.css b/frontend/src/index.css index 3f586c4..230d31e 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -11,7 +11,6 @@ } .main { - margin: 0 auto; text-align: center; .logo { From 37cde0f10fa1131ce959b1089fe72ef3645e3c35 Mon Sep 17 00:00:00 2001 From: uday-kalyan-s Date: Tue, 10 Dec 2024 01:50:10 +0530 Subject: [PATCH 19/22] added missing class for layouting table and caption --- frontend/src/components/Table.tsx | 16 ++++++++-------- frontend/src/index.css | 10 +++++++++- 2 files changed, 17 insertions(+), 9 deletions(-) diff --git a/frontend/src/components/Table.tsx b/frontend/src/components/Table.tsx index f38f714..2bb513c 100644 --- a/frontend/src/components/Table.tsx +++ b/frontend/src/components/Table.tsx @@ -31,14 +31,14 @@ function Table() { {selectedProfessor && (
-
- - - {selectedProfessor.prof.name} - - - | - {selectedProfessor.prof.dept_code} +
+ + + {selectedProfessor.prof.name} + + + | + {selectedProfessor.prof.dept_code}
diff --git a/frontend/src/index.css b/frontend/src/index.css index 230d31e..a64b840 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -119,10 +119,18 @@ a:hover { display: none; } +.table-container { + display: flex; + flex-direction: column; + align-items: center; +} + .table-caption { display: flex; justify-content: center; + align-items: center; font-weight: "lighter"; + /* max-width: 80%; */ .dept { font-size: 2rem; @@ -146,7 +154,7 @@ a:hover { overflow-x: auto; /*table-layout: fixed;*/ - + /* margin: 0 auto; */ td { padding: 8px 2px; border: 1px solid #ddd; From 376cbe9bf66f1c53ec5490252ff3ffd82a4d6944 Mon Sep 17 00:00:00 2001 From: uday-kalyan-s Date: Tue, 10 Dec 2024 01:50:40 +0530 Subject: [PATCH 20/22] fixed indenting from previous commit --- frontend/src/components/Table.tsx | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/frontend/src/components/Table.tsx b/frontend/src/components/Table.tsx index 2bb513c..f38f714 100644 --- a/frontend/src/components/Table.tsx +++ b/frontend/src/components/Table.tsx @@ -31,14 +31,14 @@ function Table() { {selectedProfessor && (
-
- - - {selectedProfessor.prof.name} - - - | - {selectedProfessor.prof.dept_code} +
+ + + {selectedProfessor.prof.name} + + + | + {selectedProfessor.prof.dept_code}
From 00850799be9769991d7e1c0adb86dc0eb2aa4ed3 Mon Sep 17 00:00:00 2001 From: uday-kalyan-s Date: Tue, 17 Dec 2024 09:24:34 +0530 Subject: [PATCH 21/22] finally fixed the responsive thing on big named. made it wrap --- frontend/src/components/Table.tsx | 5 +++-- frontend/src/index.css | 19 ++++++++++++++----- 2 files changed, 17 insertions(+), 7 deletions(-) diff --git a/frontend/src/components/Table.tsx b/frontend/src/components/Table.tsx index f38f714..1a3d0ae 100644 --- a/frontend/src/components/Table.tsx +++ b/frontend/src/components/Table.tsx @@ -32,11 +32,12 @@ function Table() { {selectedProfessor && (
- + + {/* */} {selectedProfessor.prof.name} - + {/* */} | {selectedProfessor.prof.dept_code}
diff --git a/frontend/src/index.css b/frontend/src/index.css index a64b840..6689b9f 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -127,22 +127,31 @@ a:hover { .table-caption { display: flex; - justify-content: center; - align-items: center; - font-weight: "lighter"; - /* max-width: 80%; */ - .dept { font-size: 2rem; + display: inline; + } .space { margin: 0 8px; + display: inline; } + /* .space { + ; + } */ a { font-size: 2rem; } + @media screen and (max-width: 700px) { + a { + max-width: 300px; + overflow-x: hidden; + white-space: nowrap; + text-overflow: ellipsis; + } + } } .table { From cc97e8da345e3bf13fe332281fc5ff800c2f1d2c Mon Sep 17 00:00:00 2001 From: uday-kalyan-s Date: Tue, 17 Dec 2024 09:27:31 +0530 Subject: [PATCH 22/22] remove leftover comments --- frontend/src/components/Table.tsx | 2 -- frontend/src/index.css | 3 --- 2 files changed, 5 deletions(-) diff --git a/frontend/src/components/Table.tsx b/frontend/src/components/Table.tsx index 1a3d0ae..0c8b7a0 100644 --- a/frontend/src/components/Table.tsx +++ b/frontend/src/components/Table.tsx @@ -33,11 +33,9 @@ function Table() {
- {/* */} {selectedProfessor.prof.name} - {/* */} | {selectedProfessor.prof.dept_code}
diff --git a/frontend/src/index.css b/frontend/src/index.css index 6689b9f..1d316d3 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -137,9 +137,6 @@ a:hover { margin: 0 8px; display: inline; } - /* .space { - ; - } */ a { font-size: 2rem;