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

lightbox buttons

Browse Source
This commit is contained in:
Matthew Hodgson 2015-10-29 00:39:12 +00:00
parent dc401075a7
commit 0ade5ff640
2 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/skins/vector/css/atoms/ImageView.css
View File

@ -45,8 +45,8 @@ limitations under the License.
/* min-width hack needed for FF */ /* min-width hack needed for FF */
min-width: 0px; min-width: 0px;
height: 90%; height: 90%;
-webkit-flex: 100; -webkit-flex: 15;
flex: 100 100 0; flex: 15 15 0;
display: -webkit-flex; display: -webkit-flex;
display: flex; display: flex;
@ -58,9 +58,9 @@ limitations under the License.
.mx_ImageView_content img { .mx_ImageView_content img {
max-width: 100%; max-width: 100%;
/* can't use max-height as it interacts badly with flex on Chrome and doesn't relayout properly until you refresh */ /* XXX: max-height interacts badly with flex on Chrome and doesn't relayout properly until you refresh */
max-height: 100%; max-height: 100%;
/* object-fit hack needed for Chrome */ /* object-fit hack needed for Chrome due to Chrome not relaying out until you refresh */
object-fit: contain; object-fit: contain;
background-image: url('img/trans.png'); background-image: url('img/trans.png');
} }
@ -86,14 +86,17 @@ limitations under the License.
.mx_ImageView_name { .mx_ImageView_name {
font-size: 20px; font-size: 20px;
margin-bottom: 6px; margin-bottom: 6px;
pointer-events: all;
} }
.mx_ImageView_metadata { .mx_ImageView_metadata {
font-size: 16px; font-size: 16px;
opacity: 0.5; opacity: 0.5;
pointer-events: all;
} }
.mx_ImageView_download { .mx_ImageView_download {
pointer-events: all;
display: table; display: table;
margin-top: 24px; margin-top: 24px;
margin-bottom: 6px; margin-bottom: 6px;
@ -102,10 +105,15 @@ limitations under the License.
font-size: 16px; font-size: 16px;
padding: 9px; padding: 9px;
border: 1px solid #fff; border: 1px solid #fff;
cursor: pointer; }
.mx_ImageView_link {
color: #fff ! important;
text-decoration: none ! important;
} }
.mx_ImageView_button { .mx_ImageView_button {
pointer-events: all;
font-size: 16px; font-size: 16px;
opacity: 0.5; opacity: 0.5;
margin-top: 18px; margin-top: 18px;

1
src/skins/vector/css/common.css
View File

@ -139,6 +139,7 @@ a:visited {
height: 100%; height: 100%;
max-width: 100%; max-width: 100%;
max-height: 100%; max-height: 100%;
pointer-events: none;
} }
.mx_Dialog_content { .mx_Dialog_content {