cosmetic fixes & hoverovers

This commit is contained in:
Matthew Hodgson 2017-10-27 01:02:43 +01:00
parent 26d142f893
commit 1798bff8f5
9 changed files with 53 additions and 5 deletions

View file

@ -211,6 +211,10 @@ textarea {
background-color: $accent-fg-color;
}
.mx_Dialog button:hover, .mx_Dialog input[type="submit"]:hover {
@mixin mx_DialogButton_hover;
}
.mx_Dialog button:focus, .mx_Dialog input[type="submit"]:focus {
filter: brightness($focus-brightness);
}
@ -277,6 +281,10 @@ textarea {
@mixin mx_DialogButton_small;
}
.mx_textButton:hover {
@mixin mx_DialogButton_hover;
}
.mx_button_row {
margin-top: 69px;
}

View file

@ -69,6 +69,10 @@ limitations under the License.
margin: auto;
}
.mx_UserSettings_button:hover {
@mixin mx_DialogButton_hover;
}
.mx_UserSettings_button.danger {
background-color: $warning-color;
}

View file

@ -85,6 +85,10 @@ limitations under the License.
margin-bottom: 24px;
}
.mx_Login_submit:hover {
@mixin mx_DialogButton_hover;
}
.mx_Login_submit:disabled {
opacity: 0.3;
}
@ -131,8 +135,7 @@ limitations under the License.
}
.mx_Login_forgot {
font-size: 13px;
opacity: 0.8;
font-size: 15px;
}
.mx_Login_forgot:link {

View file

@ -31,6 +31,10 @@ limitations under the License.
flex: 1;
}
.mx_MemberDeviceInfo_textButton:hover {
@mixin mx_DialogButton_hover;
}
.mx_MemberDeviceInfo_deviceId {
font-size: 13px;
}

View file

@ -48,6 +48,10 @@ limitations under the License.
order: 2;
}
.mx_RoomHeader_textButton:hover {
@mixin mx_DialogButton_hover;
}
.mx_RoomHeader_textButton_danger {
background-color: $warning-color;
}

View file

@ -26,6 +26,12 @@ limitations under the License.
position: relative;
margin-right: 8px;
}
.mx_RoomSettings_leaveButton:hover,
.mx_RoomSettings_unbanButton:hover {
@mixin mx_DialogButton_hover;
}
.mx_RoomSettings_integrationsButton_error {
position: relative;
cursor: not-allowed;

View file

@ -154,6 +154,9 @@ $progressbar-color: #000;
display: inline-block;
}
@define-mixin mx_DialogButton_hover {
}
@define-mixin mx_DialogButton_small {
@mixin mx_DialogButton;
font-size: 15px;