mirror of
https://github.com/discourse/discourse.git
synced 2024-11-25 04:48:53 +08:00
6459922993
c.f. https://meta.discourse.org/t/converting-modals-from-legacy-controllers-to-new-dmodal-component-api/268057 This also converts the Bookmark component to a Glimmer component.
85 lines
1.2 KiB
SCSS
85 lines
1.2 KiB
SCSS
.bookmark-with-reminder.modal {
|
|
.modal-inner-container {
|
|
box-sizing: border-box;
|
|
min-width: 310px;
|
|
}
|
|
|
|
.modal-footer {
|
|
margin: 0;
|
|
border-top: 0;
|
|
padding: 0 1em 1em 1em;
|
|
|
|
.delete-bookmark {
|
|
margin-left: auto;
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
|
|
.modal-inner-container {
|
|
max-width: 375px;
|
|
}
|
|
|
|
.modal-body {
|
|
width: 375px;
|
|
box-sizing: border-box;
|
|
|
|
@media (max-width: 600px) {
|
|
width: 100%;
|
|
}
|
|
|
|
.control-label {
|
|
font-weight: 700;
|
|
}
|
|
|
|
.ember-text-field.bookmark-name {
|
|
min-width: 220px;
|
|
width: 100%;
|
|
margin-bottom: 0.5em;
|
|
}
|
|
}
|
|
|
|
.title {
|
|
max-width: 300px;
|
|
}
|
|
|
|
.existing-reminder-at-alert {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
|
|
.d-icon {
|
|
margin-right: 1em;
|
|
}
|
|
}
|
|
|
|
.bookmark-name-wrap {
|
|
display: inline-flex;
|
|
width: 100%;
|
|
align-items: end;
|
|
}
|
|
|
|
.bookmark-options-button {
|
|
margin-left: 0.5em;
|
|
margin-bottom: 0.5em;
|
|
background: transparent;
|
|
padding: 6px;
|
|
}
|
|
|
|
.bookmark-options-panel {
|
|
.select-kit {
|
|
width: 100%;
|
|
}
|
|
|
|
margin-bottom: 18px;
|
|
|
|
label {
|
|
display: flex;
|
|
|
|
span {
|
|
display: block;
|
|
flex: 1;
|
|
}
|
|
}
|
|
}
|
|
}
|