mirror of
https://github.com/element-hq/element-web.git
synced 2024-12-05 04:53:26 +03:00
Fix active styling
This commit is contained in:
parent
9302c60b47
commit
272d36995b
1 changed files with 12 additions and 4 deletions
|
@ -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-height: 100px;
|
||||
max-width:100px;
|
||||
max-height:100px;
|
||||
width: auto;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.mx_AppIconTile_imageContainer {
|
||||
|
|
Loading…
Reference in a new issue