2022-10-20 19:44:46 +00:00
: root { /* Body container settings */
2022-10-21 11:57:31 +00:00
--body-container-margin : 0px ! important ;
--body-container-radius : 0px ! important ;
2023-05-24 09:57:32 +00:00
--border-radius-large : 0px ! important ;
2022-10-20 19:44:46 +00:00
}
2022-11-23 23:53:51 +00:00
[ data-theme-default ] , [ data-theme-light ] , [ data-theme-dark ] , [ data-theme-light-highcontrast ] , [ data-theme-dark-highcontrast ] { /* For sitewide buttons, both themes */
2021-09-12 16:42:03 +00:00
--border-radius-large : 4px ! important ; /* Used on the dashboard */
--border-radius-pill : 4px ! important ; /* Used everywhere else */
}
2022-10-20 19:44:46 +00:00
# app-navigation : not ( . vue ) {
--border-radius-pill : var ( --border-radius-pill ) ! important ; /* Navigation buttons on sidebar */
}
. checkbox-radio-switch__label { /* Radio button, used mainly in settings */
border-radius : var ( --border-radius-pill ) ! important ;
}
2021-09-12 16:42:03 +00:00
. list-item , . list-item-style , . action-item--single , . action-item__menutoggle { /* For E-mail app */
2021-10-14 22:30:54 +00:00
border-radius : var ( --border-radius-pill ) ! important ;
2021-09-12 16:42:03 +00:00
}
2022-10-20 19:44:46 +00:00
. envelope { /* Content part of E-mails */
border-radius : var ( --border-radius-pill ) ! important ;
}
2021-09-12 16:42:03 +00:00
. fc-day-today . fc-daygrid-day-number { /* For Calendar app */
2021-10-14 22:30:54 +00:00
border-radius : var ( --border-radius-pill ) ! important ;
2021-09-18 10:59:35 +00:00
}
. note-card-view , . folder-card-view { /* For Carnet app */
2021-10-14 22:30:54 +00:00
border-radius : var ( --border-radius-pill ) ! important ;
2021-09-18 10:59:35 +00:00
}
2021-10-13 21:56:34 +00:00
# uploadprogressbar { /* For upload progress bar */
2021-10-14 22:53:07 +00:00
border-radius : var ( --border-radius-pill ) 0 0 var ( --border-radius-pill ) ! important ;
2021-10-13 21:56:34 +00:00
}
2021-10-15 19:32:08 +00:00
2021-12-18 20:52:09 +00:00
/* For buttons, needs to be before specific button overrides (like the E-mail icon-history) */
2021-10-15 19:32:08 +00:00
input [ type = 'submit' ] ,
input [ type = 'submit' ] . icon-confirm ,
input [ type = 'button' ] ,
button ,
a . button ,
. button ,
select {
border-radius : var ( --border-radius-pill ) ! important ;
}
2021-10-17 00:40:34 +00:00
2022-10-21 12:25:28 +00:00
. guest-box , . body-login-container { /* Login container (requires hardcoded radius, login page overrides local variables) */
border-radius : 4px ! important ;
}
. two-factor-provider { /* For two-factor login options */
2021-10-17 00:40:34 +00:00
width : 100 % ! important ;
}
2022-10-21 12:25:28 +00:00
/* Fix some button misalignments */
# body-login : first-of-type button [ type = "submit" ] { /* For login button, also requires hardcoded radius */
width : 100 % ! important ;
border-radius : 4px ! important ;
2021-10-17 00:40:34 +00:00
}
2021-12-18 20:52:09 +00:00
. icon-history {
border-radius : 100px ! important ; /* Still E-mail, reversing the border for this icon as it has an animation that would overlap */
}