diff --git a/learning_observer/prototypes/dash_wo_teacher_dashboard/wo_dash/assets/styles.css b/learning_observer/prototypes/dash_wo_teacher_dashboard/wo_dash/assets/styles.css index 039c01fb..5c08f3ee 100644 --- a/learning_observer/prototypes/dash_wo_teacher_dashboard/wo_dash/assets/styles.css +++ b/learning_observer/prototypes/dash_wo_teacher_dashboard/wo_dash/assets/styles.css @@ -71,3 +71,9 @@ box-shadow: 0px 0px 5px var(--bs-gray-300); border-radius: 0.4rem; } + +.btn-menu-outline-dark button { + color: #343a40; + background-color: #fff; + border-color: #343a40; +} \ No newline at end of file diff --git a/learning_observer/prototypes/dash_wo_teacher_dashboard/wo_dash/pages/assignment_page/settings.py b/learning_observer/prototypes/dash_wo_teacher_dashboard/wo_dash/pages/assignment_page/settings.py index a3483f29..053ca234 100644 --- a/learning_observer/prototypes/dash_wo_teacher_dashboard/wo_dash/pages/assignment_page/settings.py +++ b/learning_observer/prototypes/dash_wo_teacher_dashboard/wo_dash/pages/assignment_page/settings.py @@ -29,18 +29,9 @@ dummy = f'{prefix}-dummy' # settings button -open_btn = dbc.Button( - [ - # font awesome gear icon - html.I(className='fas fa-gear'), - # boostrap with margin on left (s)tart with display set to none except when screen is lg - html.Span('Settings', className='ms-1 d-none d-lg-inline'), - ], - # bootstrap btn styling/coloring - class_name='btn btn-secondary', - id=open_btn, - # hover text - title='Open settings menu to show or hide different student attributes' +open_btn = dbc.DropdownMenuItem( + "Settings", + id=open_btn ) # settings panel itself diff --git a/learning_observer/prototypes/dash_wo_teacher_dashboard/wo_dash/pages/assignment_page/students.py b/learning_observer/prototypes/dash_wo_teacher_dashboard/wo_dash/pages/assignment_page/students.py index 7e99e588..928ca38f 100644 --- a/learning_observer/prototypes/dash_wo_teacher_dashboard/wo_dash/pages/assignment_page/students.py +++ b/learning_observer/prototypes/dash_wo_teacher_dashboard/wo_dash/pages/assignment_page/students.py @@ -52,22 +52,38 @@ def student_dashboard_view(course_id, assignment_id): # open settings button html.Div( [ - settings.open_btn + dbc.ButtonGroup( + [ + dbc.Button( + [ + html.I(id=websocket_status), + html.Span('Last Updated: ', className='ms-2'), + html.Span(id=last_updated) + ], + outline=True, color="dark", className="" + ), + dbc.DropdownMenu( + [ + settings.open_btn, + dbc.DropdownMenuItem( + "Logout", + href="/auth/logout", + ), + ], + group=True, + label="Menu", + className="btn-menu-outline-dark" + ) + ] + ) ], - className='float-end' + className='d-flex align-items-center float-end' ), html.Br(), # assignment description html.P(id=assignment_desc) ] ), - html.Small( - [ - html.I(id=websocket_status), - html.Span('Last Updated: ', className='ms-1'), - html.Span(id=last_updated) - ] - ), dbc.Row( [ # settings panel wrapper