Merge pull request #505 from Safelite/feature/CSR-550
Modal css updates to make full height on Android
This commit is contained in:
commit
0f3cc8a299
1 changed files with 5 additions and 1 deletions
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div v-if="isModalVisible" class="container modal-loader vh-100 overflow-visible">
|
<div v-if="isModalVisible" class="container-fluid modal-loader vh-100 overflow-visible">
|
||||||
<div class="row g-2 h-100 d-flex align-items-center">
|
<div class="row g-2 h-100 d-flex align-items-center">
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<div class="row h-100">
|
<div class="row h-100">
|
||||||
|
|
@ -47,12 +47,16 @@ export default {
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.modal-loader {
|
.modal-loader {
|
||||||
|
height: 100%;
|
||||||
|
max-width: 100% !important;//For use with modal only
|
||||||
background-color: $gray-100;
|
background-color: $gray-100;
|
||||||
z-index: 9999;
|
z-index: 9999;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
left: 0;
|
left: 0;
|
||||||
|
right: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
p {
|
p {
|
||||||
font-family: Roboto;
|
font-family: Roboto;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue