Files
habitica/website/client/assets/scss/modal.scss
T
negue 4108a22d78 [WIP] bootstrap-vue upgrade (#9178)
* update bootstrap-vue to 1.0.0-beta.9 - remove all individual bootstrap components and use BootstrapVue into Vue

* change modal action names from show::modal to bv::show::modal

* check if drops are undefined

* fix modal widths - sellModal now using input instead of dropbox

* upgrade to bootstrap 4.0beta

* include package-lock changes

* fix app menu dropdown position

* upgrade bootstrap to beta2 (was missing grid offset and other fixes) - refix header menu position

* fix tags popup (auto width to max not working) - fix filter panel width (adding width: 100% works until max-width)

* show hide logo on different screensize (new css breakpoints - http://getbootstrap.com/docs/4.0/utilities/display/ )

* fix package-lock?

* fix active button style / app header toggle button

* fix package-lock !

* update package lock after merge - new mixin "openedItemRows" to save the "show more/show less" in stable

* mixin naming style

* fix buyQuestModal marginTop

* fix customMenuDropdown position

* fix userDropdown items
2017-11-08 18:40:37 +01:00

40 lines
629 B
SCSS

@import '~client/assets/scss/colors.scss';
@mixin centeredModal() {
display: flex;
justify-content: center;
flex-direction: column;
header, footer {
border: 0;
}
}
.modal-dialog {
width: auto;
.title {
min-height: 24px;
margin-top: 24px;
font-family: 'Roboto Condensed';
font-size: 20px;
font-weight: bold;
line-height: 1.2;
text-align: center;
color: $gray-50;
}
.text {
min-height: 60px;
font-family: Roboto;
font-size: 14px;
line-height: 1.43;
text-align: center;
color: $gray-100;
overflow-y: hidden;
text-overflow: ellipsis;
}
}