mirror of
https://github.com/grafana/grafana.git
synced 2025-02-25 18:55:37 -06:00
be2e2577b8
Uses width set to 800px for invite div instead of position fixed. It looks the same for desktop and makes the button clickable on smaller resolutions and mobile. Although it is not really responsive so the text will be small on mobiles. Better that though than a non-clickable button.
135 lines
2.1 KiB
Plaintext
135 lines
2.1 KiB
Plaintext
|
|
.login-form {
|
|
width: 50%;
|
|
float: left;
|
|
margin-left: 25%;
|
|
margin-right: 25%;
|
|
padding-top: 25px;
|
|
}
|
|
|
|
.login-box {
|
|
width: 700px;
|
|
margin: 100px auto 0 auto;
|
|
}
|
|
|
|
.login-box-logo {
|
|
text-align: center;
|
|
padding-bottom: 50px;
|
|
}
|
|
|
|
|
|
.login-inner-box {
|
|
background: @grafanaPanelBackground;
|
|
}
|
|
|
|
.login-tab-header {
|
|
background: @grafanaTargetBackground;
|
|
text-align: center;
|
|
}
|
|
|
|
.btn-login-tab {
|
|
background: transparent;
|
|
border: none;
|
|
font-size: 15px;
|
|
padding: 10px 10px;
|
|
|
|
&.active {
|
|
background: darken(@grafanaTargetBackground, 5%);
|
|
color: @white;
|
|
}
|
|
|
|
&:focus {
|
|
outline: none;
|
|
}
|
|
|
|
font-weight: bold;
|
|
display: inline-block;
|
|
width: 170px;
|
|
color: @textColor;
|
|
}
|
|
|
|
.password-strength {
|
|
display: block;
|
|
width: 15%;
|
|
overflow: visible;
|
|
white-space: nowrap;
|
|
padding-top: 3px;
|
|
color: darken(@textColor, 20%);
|
|
border-top: 3px solid @red;
|
|
&.password-strength-ok {
|
|
width: 40%;
|
|
border-top: 3px solid lighten(@yellow, 10%);
|
|
}
|
|
&.password-strength-good {
|
|
width: 100%;
|
|
border-top: 3px solid lighten(@green, 10%);
|
|
}
|
|
}
|
|
|
|
.login-submit-button-row {
|
|
text-align: center;
|
|
margin-top: 40px;
|
|
button {
|
|
padding: 9px 7px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
min-width: 150px;
|
|
display: inline-block;
|
|
border: 1px solid lighten(@btnInverseBackground, 10%);
|
|
}
|
|
}
|
|
|
|
.login-oauth {
|
|
margin-top: 30px;
|
|
padding: 10px;
|
|
background: @grafanaTargetBackground;
|
|
.btn-google {
|
|
background: #dd4b39;
|
|
color: white;
|
|
}
|
|
.btn-github {
|
|
background: #555;
|
|
color: white;
|
|
}
|
|
}
|
|
|
|
.signup-page-background {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
height: 100%;
|
|
width: 100%;
|
|
background-image: url(../img/background_tease.jpg);
|
|
opacity: 0.3;
|
|
z-index: -1;
|
|
}
|
|
|
|
.invite-box {
|
|
text-align: center;
|
|
border: 1px solid @grafanaTargetFuncBackground;
|
|
background-color: @grafanaPanelBackground;
|
|
width: 800px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
|
|
.tight-form {
|
|
text-align: left;
|
|
}
|
|
|
|
h3 {
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.modal-close {
|
|
float: right;
|
|
font-size: 140%;
|
|
padding: 10px;
|
|
}
|
|
|
|
.modal-tagline {
|
|
font-size: 16px;
|
|
}
|
|
}
|