Let widget use full-screen
- Instead of using static values for dimensions. Use responsive CSS and take up the whole screen. Let the user deal with setting the correct dimensions accordingly.
This commit is contained in:
parent
a040b39558
commit
f56bc6d9e4
1 changed files with 7 additions and 15 deletions
|
@ -18,10 +18,10 @@
|
|||
@import '../reset';
|
||||
|
||||
.widget__contaienr {
|
||||
max-width: 300px;
|
||||
max-height: 74px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.widget__noscript-container {
|
||||
|
@ -49,13 +49,10 @@
|
|||
}
|
||||
|
||||
.widget__verification-container {
|
||||
display: none;
|
||||
/*display: flex; */
|
||||
align-items: center;
|
||||
display: none;
|
||||
line-height: 30px;
|
||||
flex: 2;
|
||||
margin: auto;
|
||||
font-size: 0.99rem;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.widget__verification-checkbox {
|
||||
|
@ -95,15 +92,10 @@
|
|||
}
|
||||
|
||||
.widget__mcaptcha-details {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.widget__mcaptcha-logo-container {
|
||||
flex: 2;
|
||||
padding-top: 3px;
|
||||
margin-left: auto;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.widget__mcaptcha-brand-name {
|
||||
|
|
Loading…
Reference in a new issue