mbk-lab
/
wide
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

share dialog responsive

This commit is contained in:
Van 2015-02-21 12:38:03 +08:00
parent 6444889cba
commit 94d80bae1a
2 changed files with 16 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
static/css/playground-embed.css
View File

@ -18,14 +18,18 @@
padding: 5px; padding: 5px;
} }
.header li {
margin-left: 10px;
}
.header .gravatar { .header .gravatar {
width: 26px; width: 26px;
border-radius: 13px; border-radius: 13px;
} }
.header .logo { .header .logo {
height: 23px; height: 21px;
margin-top: -4px; margin-top: -6px;
} }
.share-panel { .share-panel {
@ -82,5 +86,5 @@
} }
.btn { .btn {
padding: 3px 5px; padding: 1px 5px;
} }

14
static/js/playground.js
View File

@ -29,8 +29,6 @@ var playground = {
_initShare: function () { _initShare: function () {
$("#dialogShare").dialog({ $("#dialogShare").dialog({
"modal": true, "modal": true,
"height": 200,
"width": 560,
"title": config.label.share, "title": config.label.share,
"hideFooter": true "hideFooter": true
}); });
@ -308,9 +306,15 @@ var playground = {
return; return;
} }
var html = '<div class="fn-clear"><label>' + config.label.url + config.label.colon + '</label><a href="' + url + '" target="_blank">' + url + "</a><br/>"; var html = '<div class="fn-clear"><label>' + config.label.url
html += '<label>' + config.label.short_url + config.label.colon + '</label><a href="' + data.shortURL + '" target="_blank">' + data.shortURL + '</a><br/>'; + config.label.colon + '</label><a href="'
html += '<label>' + config.label.embeded + config.label.colon + '</label><br/><textarea rows="5" cols="72" readonly><iframe src="' + url + '?embed=true" width="100%" height="600"></iframe></textarea>'; + url + '" target="_blank">' + url + "</a><br/>";
html += '<label>' + config.label.short_url + config.label.colon
+ '</label><a href="' + data.shortURL + '" target="_blank">'
+ data.shortURL + '</a><br/>';
html += '<label>' + config.label.embeded + config.label.colon
+ '</label><br/><textarea rows="5" style="width:100%" readonly><iframe style="border:1px solid" src="'
+ url + '?embed=true" width="100%" height="600"></iframe></textarea>';
html += '</div>'; html += '</div>';
$("#dialogShare").html(html); $("#dialogShare").html(html);