oxen-io/session-desktop
1
0
Fork 0
mirror of https://github.com/oxen-io/session-desktop.git synced 2023-12-14 02:12:57 +01:00
Code Issues Projects Releases Wiki Activity

Fixup attachment preview

Browse source
This commit is contained in:
lilia 2015-01-24 23:18:10 -10:00
parent 11d07c5263
commit 79b4c89ce4
3 changed files with 46 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
js/views/file_input_view.js
View file

@ -85,7 +85,8 @@ var Whisper = Whisper || {};
this.thumb.remove();
},
deleteFiles: function() {
deleteFiles: function(e) {
if (e) { e.stopPropagation(); }
this.clearForm();
this.$input.wrap('<form>').parent('form').trigger('reset');
this.$input.unwrap();

21
stylesheets/manifest.css
View file

@ -151,13 +151,13 @@ button {
background: transparent; }
.bottom-bar .attachments {
position: relative;
float: left;
height: 100%;
width: 36px;
float: left; }
margin-right: 10px; }
.bottom-bar .attachments .paperclip {
width: 100%;
height: 100%;
opacity: 0.5;
background: url("/images/paperclip.png") no-repeat;
background-size: 90%;
background-position: center 6px; }
@ -171,6 +171,23 @@ button {
left: 0;
cursor: pointer;
z-index: 1; }
.bottom-bar .attachments img.preview {
max-width: 100%; }
.bottom-bar .attachments .close {
font-family: sans-serif;
color: white;
position: absolute;
top: -10px;
left: 20px;
text-align: center;
cursor: default;
border-radius: 50%;
width: 20px;
height: 20px;
padding: 0px;
background: #666;
color: #fff;
text-align: center; }
.bottom-bar .send-btn {
float: right;
height: 100%;

27
stylesheets/view/_conversation.scss
View file

@ -208,17 +208,19 @@ button {
.attachments {
position: relative;
float: left;
height: 100%;
width: 36px;
margin-right: 10px;
.paperclip {
width: 100%;
height: 100%;
opacity: 0.5;
background: url('/images/paperclip.png') no-repeat;
background-size: 90%;
background-position: center 6px;
}
input[type=file] {
display: none;
position: absolute;
@ -231,7 +233,28 @@ button {
z-index: 1;
}
float: left;
img.preview {
max-width: 100%;
}
.close {
font-family: sans-serif;
color: white;
position: absolute;
top: -10px;
left: 20px;
text-align: center;
cursor: default;
border-radius: 50%;
width: 20px;
height: 20px;
padding: 0px;
background: #666;
color: #fff;
text-align: center;
}
}
.send-btn {