UI fixes
This commit is contained in:
parent
628ad60d48
commit
addf92c385
27
css/main.css
27
css/main.css
@ -807,7 +807,7 @@ ul {
|
||||
#display_task_search_wrapper {
|
||||
position: -webkit-sticky;
|
||||
position: sticky;
|
||||
top: -1rem;
|
||||
top: 0;
|
||||
z-index: 1;
|
||||
padding: 0.5rem 0;
|
||||
background: rgba(var(--background-color), 1);
|
||||
@ -815,6 +815,7 @@ ul {
|
||||
|
||||
#display_task_list {
|
||||
margin-top: 1rem;
|
||||
padding-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
#sign_in,
|
||||
@ -1126,6 +1127,11 @@ ul {
|
||||
color: rgba(var(--text-color), 0.8);
|
||||
}
|
||||
|
||||
#intern_leaderboard_container {
|
||||
height: 100%;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
#all_interns_list,
|
||||
#admin_page__intern_list {
|
||||
gap: 0.5rem;
|
||||
@ -1830,7 +1836,6 @@ ul {
|
||||
#assigned_task_list {
|
||||
display: grid;
|
||||
gap: 1rem;
|
||||
margin-top: 1rem;
|
||||
align-content: flex-start;
|
||||
grid-template-columns: minmax(0, 1fr);
|
||||
}
|
||||
@ -2111,6 +2116,17 @@ input[type=date]:focus {
|
||||
#task_search_input {
|
||||
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 {
|
||||
margin: 0 -1rem;
|
||||
border-radius: 0;
|
||||
@ -2194,6 +2210,8 @@ input[type=date]:focus {
|
||||
}
|
||||
#dashboard_page {
|
||||
grid-template-columns: 1fr 18rem;
|
||||
grid-template-rows: auto 1fr;
|
||||
padding: 0;
|
||||
}
|
||||
#dashboard_page > :not(#intern_leaderboard_container, #dashboard_view_selector) {
|
||||
grid-column: 1;
|
||||
@ -2201,15 +2219,14 @@ input[type=date]:focus {
|
||||
margin: 0 auto;
|
||||
}
|
||||
#dashboard_view_selector {
|
||||
margin: 0 auto;
|
||||
margin: 1rem auto 0 auto;
|
||||
}
|
||||
#intern_leaderboard_container {
|
||||
position: -webkit-sticky;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
grid-column: 2;
|
||||
grid-row: 1/4;
|
||||
align-self: flex-start;
|
||||
grid-row: 1/3;
|
||||
}
|
||||
#all_interns_page__header {
|
||||
grid-template-columns: 1fr auto;
|
||||
|
||||
2
css/main.min.css
vendored
2
css/main.min.css
vendored
File diff suppressed because one or more lines are too long
@ -772,13 +772,14 @@ ul {
|
||||
}
|
||||
#display_task_search_wrapper {
|
||||
position: sticky;
|
||||
top: -1rem;
|
||||
top: 0;
|
||||
z-index: 1;
|
||||
padding: 0.5rem 0;
|
||||
background: rgba(var(--background-color), 1);
|
||||
}
|
||||
#display_task_list {
|
||||
margin-top: 1rem;
|
||||
padding-bottom: 1.5rem;
|
||||
}
|
||||
#sign_in,
|
||||
#sign_up {
|
||||
@ -1098,6 +1099,11 @@ ul {
|
||||
color: rgba(var(--text-color), 0.8);
|
||||
}
|
||||
|
||||
#intern_leaderboard_container {
|
||||
height: 100%;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
#all_interns_list,
|
||||
#admin_page__intern_list {
|
||||
gap: 0.5rem;
|
||||
@ -1760,7 +1766,6 @@ ul {
|
||||
#assigned_task_list {
|
||||
display: grid;
|
||||
gap: 1rem;
|
||||
margin-top: 1rem;
|
||||
align-content: flex-start;
|
||||
grid-template-columns: minmax(0, 1fr);
|
||||
}
|
||||
@ -2049,6 +2054,17 @@ input[type="date"] {
|
||||
#task_search_input {
|
||||
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 {
|
||||
margin: 0 -1rem;
|
||||
border-radius: 0;
|
||||
@ -2138,6 +2154,8 @@ input[type="date"] {
|
||||
|
||||
#dashboard_page {
|
||||
grid-template-columns: 1fr 18rem;
|
||||
grid-template-rows: auto 1fr;
|
||||
padding: 0;
|
||||
& > :not(#intern_leaderboard_container, #dashboard_view_selector) {
|
||||
grid-column: 1;
|
||||
width: min(48rem, 100%);
|
||||
@ -2145,14 +2163,13 @@ input[type="date"] {
|
||||
}
|
||||
}
|
||||
#dashboard_view_selector {
|
||||
margin: 0 auto;
|
||||
margin: 1rem auto 0 auto;
|
||||
}
|
||||
#intern_leaderboard_container {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
grid-column: 2;
|
||||
grid-row: 1 /4;
|
||||
align-self: flex-start;
|
||||
grid-row: 1 /3;
|
||||
}
|
||||
#all_interns_page__header {
|
||||
grid-template-columns: 1fr auto;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user