Simple refactor of the primary indicator, now it's a class. Also added a global selector to remove the ugly firefox dotted line highlight

This commit is contained in:
wmwragg 2016-07-15 11:22:10 +01:00
parent adbad509f4
commit 040ef73886

View File

@ -58,6 +58,11 @@ input[type=text]:focus, textarea:focus {
box-shadow: none; box-shadow: none;
} }
/* Prevent ugly dotted highlight around selected elements in Firefox */
::-moz-focus-inner {
border: 0;
}
/* applied to side-panels and messagepanel when in RoomSettings */ /* applied to side-panels and messagepanel when in RoomSettings */
.mx_fadable { .mx_fadable {
opacity: 1; opacity: 1;
@ -202,28 +207,15 @@ input[type=text]:focus, textarea:focus {
margin-right: 8px; margin-right: 8px;
padding-left: 1.5em; padding-left: 1.5em;
padding-right: 1.5em; padding-right: 1.5em;
outline: none;
color: #76cfa6; color: #76cfa6;
background-color: #fff; background-color: #fff;
outline: none;
} }
/* The first button in a dialog is the primary */ .mx_Dialog .mx_Dialog_primary {
.mx_Dialog button:first-child, .mx_Dialog input[type="submit"]:first-child {
border: 0px;
height: 36px;
border-radius: 40px;
border: solid 1px #76cfa6;
font-weight: 400;
font-size: 15px;
margin-left: 0px;
margin-right: 8px;
padding-left: 1.5em;
padding-right: 1.5em;
color: #fff; color: #fff;
background-color: #76cfa6; background-color: #76cfa6;
outline: none;
} }
.mx_Dialog_title { .mx_Dialog_title {