RanchiMall/ribc
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI fixes

Browse Source
This commit is contained in:
sairaj mote 2023-01-18 01:34:40 +05:30
parent 628ad60d48
commit addf92c385
3 changed files with 45 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
css/main.css
View File

@ -807,7 +807,7 @@ ul {
#display_task_search_wrapper { #display_task_search_wrapper {
position: -webkit-sticky; position: -webkit-sticky;
position: sticky; position: sticky;
top: -1rem; top: 0;
z-index: 1; z-index: 1;
padding: 0.5rem 0; padding: 0.5rem 0;
background: rgba(var(--background-color), 1); background: rgba(var(--background-color), 1);
@ -815,6 +815,7 @@ ul {
#display_task_list { #display_task_list {
margin-top: 1rem; margin-top: 1rem;
padding-bottom: 1.5rem;
} }
#sign_in, #sign_in,
@ -1126,6 +1127,11 @@ ul {
color: rgba(var(--text-color), 0.8); color: rgba(var(--text-color), 0.8);
} }
#intern_leaderboard_container {
height: 100%;
border-radius: 0;
}
#all_interns_list, #all_interns_list,
#admin_page__intern_list { #admin_page__intern_list {
gap: 0.5rem; gap: 0.5rem;
@ -1830,7 +1836,6 @@ ul {
#assigned_task_list { #assigned_task_list {
display: grid; display: grid;
gap: 1rem; gap: 1rem;
margin-top: 1rem;
align-content: flex-start; align-content: flex-start;
grid-template-columns: minmax(0, 1fr); grid-template-columns: minmax(0, 1fr);
} }
@ -2111,6 +2116,17 @@ input[type=date]:focus {
#task_search_input { #task_search_input {
width: 100%; width: 100%;
} }
#dashboard_view_selector {
margin: 0 -1rem;
width: calc(100% + 2rem);
max-width: initial;
}
#dashboard_view_selector > :first-child {
margin-left: 1rem;
}
#dashboard_view_selector > :last-child {
margin-right: 1rem;
}
.admin-task { .admin-task {
margin: 0 -1rem; margin: 0 -1rem;
border-radius: 0; border-radius: 0;
@ -2194,6 +2210,8 @@ input[type=date]:focus {
} }
#dashboard_page { #dashboard_page {
grid-template-columns: 1fr 18rem; grid-template-columns: 1fr 18rem;
grid-template-rows: auto 1fr;
padding: 0;
} }
#dashboard_page > :not(#intern_leaderboard_container, #dashboard_view_selector) { #dashboard_page > :not(#intern_leaderboard_container, #dashboard_view_selector) {
grid-column: 1; grid-column: 1;
@ -2201,15 +2219,14 @@ input[type=date]:focus {
margin: 0 auto; margin: 0 auto;
} }
#dashboard_view_selector { #dashboard_view_selector {
margin: 0 auto; margin: 1rem auto 0 auto;
} }
#intern_leaderboard_container { #intern_leaderboard_container {
position: -webkit-sticky; position: -webkit-sticky;
position: sticky; position: sticky;
top: 0; top: 0;
grid-column: 2; grid-column: 2;
grid-row: 1/4; grid-row: 1/3;
align-self: flex-start;
} }
#all_interns_page__header { #all_interns_page__header {
grid-template-columns: 1fr auto; grid-template-columns: 1fr auto;

2
css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

27
css/main.scss
View File

@ -772,13 +772,14 @@ ul {
} }
#display_task_search_wrapper { #display_task_search_wrapper {
position: sticky; position: sticky;
top: -1rem; top: 0;
z-index: 1; z-index: 1;
padding: 0.5rem 0; padding: 0.5rem 0;
background: rgba(var(--background-color), 1); background: rgba(var(--background-color), 1);
} }
#display_task_list { #display_task_list {
margin-top: 1rem; margin-top: 1rem;
padding-bottom: 1.5rem;
} }
#sign_in, #sign_in,
#sign_up { #sign_up {
@ -1098,6 +1099,11 @@ ul {
color: rgba(var(--text-color), 0.8); color: rgba(var(--text-color), 0.8);
} }
#intern_leaderboard_container {
height: 100%;
border-radius: 0;
}
#all_interns_list, #all_interns_list,
#admin_page__intern_list { #admin_page__intern_list {
gap: 0.5rem; gap: 0.5rem;
@ -1760,7 +1766,6 @@ ul {
#assigned_task_list { #assigned_task_list {
display: grid; display: grid;
gap: 1rem; gap: 1rem;
margin-top: 1rem;
align-content: flex-start; align-content: flex-start;
grid-template-columns: minmax(0, 1fr); grid-template-columns: minmax(0, 1fr);
} }
@ -2049,6 +2054,17 @@ input[type="date"] {
#task_search_input { #task_search_input {
width: 100%; width: 100%;
} }
#dashboard_view_selector {
margin: 0 -1rem;
width: calc(100% + 2rem);
max-width: initial;
& > :first-child {
margin-left: 1rem;
}
& > :last-child {
margin-right: 1rem;
}
}
.admin-task { .admin-task {
margin: 0 -1rem; margin: 0 -1rem;
border-radius: 0; border-radius: 0;
@ -2138,6 +2154,8 @@ input[type="date"] {
#dashboard_page { #dashboard_page {
grid-template-columns: 1fr 18rem; grid-template-columns: 1fr 18rem;
grid-template-rows: auto 1fr;
padding: 0;
& > :not(#intern_leaderboard_container, #dashboard_view_selector) { & > :not(#intern_leaderboard_container, #dashboard_view_selector) {
grid-column: 1; grid-column: 1;
width: min(48rem, 100%); width: min(48rem, 100%);
@ -2145,14 +2163,13 @@ input[type="date"] {
} }
} }
#dashboard_view_selector { #dashboard_view_selector {
margin: 0 auto; margin: 1rem auto 0 auto;
} }
#intern_leaderboard_container { #intern_leaderboard_container {
position: sticky; position: sticky;
top: 0; top: 0;
grid-column: 2; grid-column: 2;
grid-row: 1 /4; grid-row: 1 /3;
align-self: flex-start;
} }
#all_interns_page__header { #all_interns_page__header {
grid-template-columns: 1fr auto; grid-template-columns: 1fr auto;