transbeam/static/css/states.css

59 lines
1.7 KiB
CSS
Raw Normal View History

2022-05-01 02:32:56 -04:00
/**
* List of classes the body can have:
*
* landing: haven't entered upload password yet
2022-05-03 19:21:42 -04:00
* uploads_closed: uploading is currently unavailable
2022-05-01 02:32:56 -04:00
* no_files: no files are selected
* selecting: upload hasn't started yet
* uploading: upload is in progress
* completed: upload is done
* error: an error has occurred
*/
.section_heading { display: none; }
body.landing .section_heading { display: revert; }
#download { display: none; }
body.landing #download { display: revert; }
2022-05-03 19:21:42 -04:00
#uploads_closed_notice { display: none; }
body.uploads_closed #uploads_closed_notice { display: revert; }
body.noscript #upload { display: none; }
2022-05-03 19:21:42 -04:00
body.uploads_closed #upload { display: none; }
2022-05-01 02:32:56 -04:00
#message { display: none; }
body.completed #message {
display: revert;
2022-05-25 20:34:53 -04:00
color: var(--success-primary);
border-color: var(--success-secondary);
2022-05-01 02:32:56 -04:00
}
body.error #message {
display: revert;
2022-05-25 20:34:53 -04:00
color: var(--failure-primary);
border-color: var(--failure-secondary);
2022-05-01 02:32:56 -04:00
}
#upload_password_form { display: none; }
body.landing #upload_password_form { display: revert; }
body.landing #upload_controls { display: none; }
#upload_settings { display: none; }
body.selecting #upload_settings { display: revert; }
body.no_files #upload_settings { display: none; }
2022-05-01 02:32:56 -04:00
body.selecting #download_code_container { display: none; }
2022-05-01 02:32:56 -04:00
#progress_container { display: none; }
body.uploading #progress_container { display: revert; }
body.no_files #file_list { display: none; }
2022-05-25 20:34:53 -04:00
body.completed #file_list { background-color: var(--progress-tertiary); }
2022-05-01 02:32:56 -04:00
.delete_button { display: none; }
body.selecting .delete_button { display: revert; }
#file_input_container { display: none; }
body.selecting #file_input_container { display: revert; }