CSS to fix ugly integrations button

See matrix-org/matrix-react-sdk#1399
pull/5082/head
Luke Barnard 2017-09-19 11:59:51 +01:00
parent 38c0d62478
commit d25c3be627
1 changed files with 18 additions and 8 deletions

View File

@ -21,9 +21,7 @@ limitations under the License.
} }
.mx_RoomSettings_leaveButton, .mx_RoomSettings_leaveButton,
.mx_RoomSettings_unbanButton, .mx_RoomSettings_unbanButton {
.mx_RoomSettings_integrationsButton,
.mx_RoomSettings_integrationsButton_error {
position: relative; position: relative;
height: 36px; height: 36px;
background-color: $accent-color; background-color: $accent-color;
@ -36,25 +34,37 @@ limitations under the License.
padding-left: 12px; padding-left: 12px;
padding-right: 12px; padding-right: 12px;
} }
.mx_RoomSettings_integrationsButton_error {
position: relative;
cursor: not-allowed;
}
.mx_RoomSettings_integrationsButton_error img {
position: absolute;
right: -5px;
top: -5px;
}
.mx_RoomSettings_leaveButton, .mx_RoomSettings_leaveButton,
.mx_RoomSettings_integrationsButton,
.mx_RoomSettings_integrationsButton_error { .mx_RoomSettings_integrationsButton_error {
float: right; float: right;
} }
.mx_RoomSettings_integrationsButton_error { .mx_RoomSettings_integrationsButton_error .mx_RoomSettings_integrationsButton_errorPopup {
cursor: not-allowed; display: none;
}
.mx_RoomSettings_integrationsButton_error:hover .mx_RoomSettings_integrationsButton_errorPopup {
display: inline;
} }
.mx_RoomSettings_integrationsButton_errorPopup { .mx_RoomSettings_integrationsButton_errorPopup {
position: absolute; position: absolute;
top: 110%; top: 110%;
left: -26%; left: -125%;
width: 150%; width: 348%;
padding: 2%; padding: 2%;
font-size: 10pt; font-size: 10pt;
line-height: 1.5em; line-height: 1.5em;
border-radius: 5px; border-radius: 5px;
background-color: $accent-color; background-color: $accent-color;
color: $accent-fg-color; color: $accent-fg-color;
text-align: center;
} }
.mx_RoomSettings_unbanButton { .mx_RoomSettings_unbanButton {
display: inline; display: inline;