60 lines
1.1 KiB
SCSS
60 lines
1.1 KiB
SCSS
@import "node_modules/bulma/bulma";
|
|
|
|
/* override styles for when the div is collapsed */
|
|
div.reminderContent.is-collapsed .column.discord-frame {
|
|
display: none;
|
|
}
|
|
|
|
div.reminderContent.is-collapsed .column.settings {
|
|
display: none;
|
|
}
|
|
|
|
div.reminderContent.is-collapsed .reminder-settings {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
div.reminderContent.is-collapsed .button-row {
|
|
display: none;
|
|
}
|
|
|
|
div.reminderContent.is-collapsed .button-row-edit {
|
|
display: none;
|
|
}
|
|
|
|
div.reminderContent.is-collapsed .reminder-topbar {
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
div.reminderContent.is-collapsed .invert-collapses {
|
|
display: inline-flex;
|
|
}
|
|
|
|
div.reminderContent .invert-collapses {
|
|
display: none;
|
|
}
|
|
|
|
div.reminderContent.is-collapsed input[name="name"] {
|
|
display: inline-flex;
|
|
flex-grow: 1;
|
|
border: none;
|
|
background: none;
|
|
box-shadow: none;
|
|
opacity: 1;
|
|
}
|
|
|
|
div.reminderContent.is-collapsed .hide-box {
|
|
display: inline-flex;
|
|
}
|
|
|
|
div.reminderContent.is-collapsed .hide-box i {
|
|
transform: rotate(90deg);
|
|
}
|
|
|
|
.button.is-success:not(.is-outlined) {
|
|
color: white;
|
|
}
|
|
|
|
.button.is-outlined.is-success:not(.is-focused, :hover, :focus) {
|
|
background-color: white;
|
|
}
|