Matrix-Mirrors/schildi-web
1
0
Fork 0
mirror of https://github.com/SchildiChat/element-web.git synced 2024-10-01 01:26:12 -04:00
Code Issues Packages Projects Releases Wiki Activity

App icon styling

Browse Source
This commit is contained in:
Richard Lewis 2017-06-07 10:55:35 +01:00
parent 76880e0de7
commit 9302c60b47
1 changed files with 32 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -96,18 +96,48 @@ limitations under the License.
} }
.mx_AppIconTile { .mx_AppIconTile {
background-color: #666;
border: 1px solid #666;
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;
border-radius: 3px;
margin: 5px;
display: inline-block;
} }
.mx_AppIconTile:hover { .mx_AppIconTile:hover {
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); border: 1px solid $accent-color;
box-shadow: 0 0 10px 5px rgba(200,200,200,0.5);
} }
.mx_AppIconTile_content { .mx_AppIconTile_content {
padding: 2px 16px; padding: 2px 16px;
height: 60px;
overflow: hidden;
}
.mx_AppIconTile_content h4 {
margin-top: 5px;
margin-bottom: 2px;
}
.mx_AppIconTile_content p {
margin-top: 0;
margin-bottom: 5px;
font-size: smaller;
} }
.mx_AppIconTile_image { .mx_AppIconTile_image {
width: 100%; width: 75%;
margin: 10px;
max-height: 100px;
}
.mx_AppIconTile_imageContainer {
text-align: center;
width: 100%;
background-color: white;
border-radius: 3px 3px 0 0;
max-height: 155px;
} }