web/cryptpad
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Improve profile UI

Browse Source
This commit is contained in:
yflory 2019-12-19 10:34:08 +01:00
parent a518cbcce7
commit d2ba375491
3 changed files with 14 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
www/common/common-ui-elements.js
View File

@ -2073,12 +2073,12 @@ define([
for (var k in actions) { for (var k in actions) {
$('<button>', { $('<button>', {
'data-type': k, 'data-type': k,
'class': 'fa ' + actions[k].icon, 'class': 'pure-button fa ' + actions[k].icon,
title: Messages['mdToolbar_' + k] || k title: Messages['mdToolbar_' + k] || k
}).click(onClick).appendTo($toolbar); }).click(onClick).appendTo($toolbar);
} }
$('<button>', { $('<button>', {
'class': 'fa fa-question cp-markdown-help', 'class': 'pure-button fa fa-question cp-markdown-help',
title: Messages.mdToolbar_help title: Messages.mdToolbar_help
}).click(function () { }).click(function () {
var href = Messages.mdToolbar_tutorial; var href = Messages.mdToolbar_tutorial;

14
www/profile/app-profile.less
View File

@ -25,6 +25,7 @@
flex: 1; flex: 1;
display: flex; display: flex;
flex-flow: column; flex-flow: column;
align-items: start;
} }
} }
#cp-app-profile-avatar { #cp-app-profile-avatar {
@ -80,8 +81,6 @@
text-align: center; text-align: center;
} }
#cp-app-profile-displayname, #cp-app-profile-link { #cp-app-profile-displayname, #cp-app-profile-link {
width: 100%;
height: 40px;
margin: 10px 0; margin: 10px 0;
input { input {
width: 100%; width: 100%;
@ -114,6 +113,14 @@
} }
.cp-app-profile-link-code { .cp-app-profile-link-code {
display: none; display: none;
min-width: 500px;
input {
flex: 1;
min-width: 0;
}
button {
height: 48px !important;
}
} }
& > button:empty { & > button:empty {
margin-left: 25px !important; margin-left: 25px !important;
@ -139,8 +146,7 @@
float: right; float: right;
} }
.cp-app-profile-viewprofile-button { .cp-app-profile-viewprofile-button {
margin-bottom: 20px; margin-bottom: 5px !important;
width: 300px;
} }
#cp-app-profile-description { #cp-app-profile-description {
position: relative; position: relative;

4
www/profile/inner.js
View File

@ -137,7 +137,7 @@ define([
}, Messages.profile_addLink); }, Messages.profile_addLink);
APP.$linkEdit = $(button); APP.$linkEdit = $(button);
$block.append(button); $block.append(button);
var save = h('button.btn.btn-success', Messages.settings_save); var save = h('button.btn.btn-primary', Messages.settings_save);
var text = h('input'); var text = h('input');
var code = h('div.cp-app-profile-link-code', [ var code = h('div.cp-app-profile-link-code', [
text, text,
@ -149,7 +149,7 @@ define([
$block.append(div); $block.append(div);
$(button).click(function () { $(button).click(function () {
$(text).val(APP.$link.attr('href')); $(text).val(APP.$link.attr('href'));
$(code).show(); $(code).css('display', 'flex');
APP.editor.refresh(); APP.editor.refresh();
$(button).hide(); $(button).hide();
}); });