Fix active styling

This commit is contained in:
Richard Lewis 2017-06-07 15:28:58 +01:00
parent 9302c60b47
commit 272d36995b

View File

@ -96,8 +96,8 @@ limitations under the License.
}
.mx_AppIconTile {
background-color: #666;
border: 1px solid #666;
background-color: $lightbox-bg-color;
border: 1px solid rgba(0, 0, 0, 0);
width: 200px;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
transition: 0.3s;
@ -106,6 +106,11 @@ limitations under the License.
display: inline-block;
}
.mx_AppIconTile.mx_AppIconTile_active {
color: $accent-color;
border-color: $accent-color;
}
.mx_AppIconTile:hover {
border: 1px solid $accent-color;
box-shadow: 0 0 10px 5px rgba(200,200,200,0.5);
@ -129,9 +134,12 @@ limitations under the License.
}
.mx_AppIconTile_image {
padding: 10px;
width: 75%;
margin: 10px;
max-width:100px;
max-height:100px;
width: auto;
height: auto;
}
.mx_AppIconTile_imageContainer {