IntenseWebs/mattermost
3
0
Fork 0
mirror of https://github.com/mattermost/mattermost.git synced 2025-02-25 18:55:24 -06:00
Code Issues Packages Projects Releases Wiki Activity

MM-2123 and MM-2124 - UI changes

Browse Source
This commit is contained in:
Asaad Mahmood
2015-09-07 23:08:55 +05:00
parent 30cfc99fe7
commit c4fac97242
1 changed files with 25 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
web/sass-files/sass/partials/_responsive.scss
View File

@@ -243,6 +243,23 @@
}
}
@media screen and (max-width: 768px) {
.file-details__container {
display: block;
.file-details__preview {
display: block;
width: 100%;
height: 150px;
border-right: none;
border-bottom: 1px solid #ddd;
img {
width: 64px;
height: 64px;
}
}
.file-details {
height: auto;
}
}
.center-file-overlay {
font-size: 1.3em;
}
@@ -405,23 +422,23 @@
margin-top: 0;
}
.remove-preview {
width: 50px;
height: 50px;
left: 50%;
top: 50%;
width: 28px;
height: 28px;
left: auto;
right: 0;
top: 0;
background: #444;
margin: -25px 0 0 -25px;
@include border-radius(50px);
background: rgba(#000, 0.5);
text-align: center;
&:after {
display: none;
}
i {
line-height: 50px;
line-height: 29px;
top: auto;
right: auto;
position: relative;
font-size: 28px;
font-size: 16px;
}
}
}