Matrix-Mirrors/schildi-web
1
0
Fork 0
mirror of https://github.com/SchildiChat/element-web.git synced 2024-09-22 09:05:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix active styling

Browse Source
This commit is contained in:
Richard Lewis 2017-06-07 15:28:58 +01:00
parent 9302c60b47
commit 272d36995b
1 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/skins/vector/css/matrix-react-sdk/views/rooms/_AppsDrawer.scss
View File

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