diff --git a/customize.dist/src/less2/include/alertify.less b/customize.dist/src/less2/include/alertify.less index f9c63215c..2a7fd3761 100644 --- a/customize.dist/src/less2/include/alertify.less +++ b/customize.dist/src/less2/include/alertify.less @@ -3,7 +3,6 @@ @import (reference) "./variables.less"; @import (reference) "./avatar.less"; @import (reference) "./tools.less"; -@import (reference) "./buttons.less"; .alertify_main() { --LessLoader_require: LessLoader_currentFile(); @@ -272,7 +271,6 @@ } } - .buttons_main(); input:not(.form-control), textarea { margin-bottom: 15px; } diff --git a/customize.dist/src/less2/include/comments.less b/customize.dist/src/less2/include/comments.less index becc56f54..479609580 100644 --- a/customize.dist/src/less2/include/comments.less +++ b/customize.dist/src/less2/include/comments.less @@ -1,7 +1,6 @@ @import (reference) "./colortheme-all.less"; @import (reference) "./variables.less"; @import (reference) "./avatar.less"; -@import (reference) "./buttons.less"; @import (reference) "./tools.less"; .comments_main() { @@ -22,8 +21,6 @@ } - .buttons_main(); - .cp-comment-reply { margin-left: 30px; } diff --git a/customize.dist/src/less2/include/buttons.less b/customize.dist/src/less2/include/forms.less similarity index 98% rename from customize.dist/src/less2/include/buttons.less rename to customize.dist/src/less2/include/forms.less index 87fe9b050..7663bee51 100644 --- a/customize.dist/src/less2/include/buttons.less +++ b/customize.dist/src/less2/include/forms.less @@ -1,7 +1,7 @@ @import (reference) "./colortheme-all.less"; @import (reference) "./variables.less"; -.buttons_main() { +.forms_main() { @alertify-fore: @colortheme_modal-fg; @alertify-btn-fg: @alertify-fore; @alertify-light-bg: fade(@alertify-fore, 25%); @@ -83,7 +83,7 @@ margin-bottom: 3px !important; } - button:not(.pure-button):not(.md-button):not(.mdl-button) { + button.btn { background-color: @colortheme_alertify-cancel; box-sizing: border-box; diff --git a/customize.dist/src/less2/include/framework.less b/customize.dist/src/less2/include/framework.less index 94532d5c7..c698b91b9 100644 --- a/customize.dist/src/less2/include/framework.less +++ b/customize.dist/src/less2/include/framework.less @@ -16,6 +16,7 @@ @import (reference) "./cursor.less"; @import (reference) "./usergrid.less"; @import (reference) "./mentions.less"; +@import (reference) "./forms.less"; @import (reference) "./modals-ui-elements.less"; .framework_main(@bg-color, @warn-color, @color) { @@ -48,6 +49,7 @@ ); .cursor_main(); .usergrid_main(); + .forms_main(); .mentions_main(); .creation_main( @bg-color: @bg-color, @@ -84,6 +86,7 @@ .checkmark_main(20px); .password_main(); .usergrid_main(); + .forms_main(); font: @colortheme_app-font; } diff --git a/customize.dist/src/less2/include/modal.less b/customize.dist/src/less2/include/modal.less index 12d3c908c..8ed10a1b2 100644 --- a/customize.dist/src/less2/include/modal.less +++ b/customize.dist/src/less2/include/modal.less @@ -1,8 +1,5 @@ @import (reference) "./colortheme-all.less"; @import (reference) "./variables.less"; -@import (reference) './buttons.less'; - - .modal_base() { font-family: @colortheme_font; @@ -39,8 +36,6 @@ background-color: @colortheme_modal-dim; .cp-modal { - .buttons_main(); - background-color: @colortheme_modal-bg; color: @colortheme_modal-fg; box-shadow: @variables_shadow; diff --git a/customize.dist/src/less2/include/sidebar-layout.less b/customize.dist/src/less2/include/sidebar-layout.less index 7961e1bee..ace7350df 100644 --- a/customize.dist/src/less2/include/sidebar-layout.less +++ b/customize.dist/src/less2/include/sidebar-layout.less @@ -1,6 +1,5 @@ @import (reference) "/customize/src/less2/include/colortheme-all.less"; @import (reference) "/customize/src/less2/include/leftside-menu.less"; -@import (reference) "/customize/src/less2/include/buttons.less"; @import (reference) "/customize/src/less2/include/browser.less"; @sidebar_button-width: 400px; @@ -98,7 +97,6 @@ } } margin-bottom: 20px; - .buttons_main(); } [type="text"], [type="password"], button { vertical-align: middle; diff --git a/www/common/common-interface.js b/www/common/common-interface.js index 870b33c74..601375b96 100644 --- a/www/common/common-interface.js +++ b/www/common/common-interface.js @@ -145,12 +145,12 @@ define([ }; dialog.okButton = function (content, classString) { - var sel = typeof(classString) === 'string'? 'button.ok.' + classString:'button.ok.primary'; + var sel = typeof(classString) === 'string'? 'button.ok.' + classString:'button.btn.ok.primary'; return h(sel, { tabindex: '2', }, content || Messages.okButton); }; dialog.cancelButton = function (content, classString) { - var sel = typeof(classString) === 'string'? 'button.' + classString:'button.cancel'; + var sel = typeof(classString) === 'string'? 'button.' + classString:'button.btn.cancel'; return h(sel, { tabindex: '1'}, content || Messages.cancelButton); }; @@ -396,6 +396,7 @@ define([ buttons.forEach(function (b) { if (!b.name || !b.onClick) { return; } var button = h('button', { tabindex: '1', 'class': b.className || '' }, b.name); + button.classList.add('btn'); var todo = function () { var noClose = b.onClick(); if (noClose) { return; } diff --git a/www/common/inner/access.js b/www/common/inner/access.js index 190af4279..28dd2863b 100644 --- a/www/common/inner/access.js +++ b/www/common/inner/access.js @@ -805,7 +805,7 @@ define([ id: 'cp-app-prop-change-password', style: 'flex: 1;' }); - var passwordOk = h('button', Messages.properties_changePasswordButton); + var passwordOk = h('button.btn', Messages.properties_changePasswordButton); var changePass = h('span.cp-password-change-container', [ newPassword, passwordOk diff --git a/www/common/sframe-app-framework.js b/www/common/sframe-app-framework.js index 6e10b0a77..08509dba7 100644 --- a/www/common/sframe-app-framework.js +++ b/www/common/sframe-app-framework.js @@ -490,6 +490,7 @@ define([ }, { typeInput: $select[0] }); + $select.find('button').addClass('btn'); }); toolbar.$drawer.append($export); }; diff --git a/www/contacts/app-contacts.less b/www/contacts/app-contacts.less index 88a93ae9d..99b927b6c 100644 --- a/www/contacts/app-contacts.less +++ b/www/contacts/app-contacts.less @@ -1,7 +1,6 @@ @import (reference) '../../customize/src/less2/include/framework.less'; @import (reference) '../../customize/src/less2/include/messenger.less'; @import (reference) '../../customize/src/less2/include/avatar.less'; -@import (reference) '../../customize/src/less2/include/buttons.less'; // body &.cp-app-contacts { @@ -19,9 +18,6 @@ display: flex; // We need this to remove a 3px border at the bottom of the toolbar } - .cp-app-contacts-friends { - .buttons_main(); - } .cp-contacts-muted-table { .avatar_main(50px); .cp-contacts-muted-user { @@ -33,8 +29,6 @@ } } - - .messenger_main(); } diff --git a/www/kanban/app-kanban.less b/www/kanban/app-kanban.less index f0af6eeca..db796ea61 100644 --- a/www/kanban/app-kanban.less +++ b/www/kanban/app-kanban.less @@ -3,7 +3,6 @@ @import (reference) "../../customize/src/less2/include/tools.less"; @import (reference) "../../customize/src/less2/include/markdown.less"; @import (reference) "../../customize/src/less2/include/avatar.less"; -@import (reference) "../../customize/src/less2/include/buttons.less"; // body &.cp-app-kanban { @@ -310,7 +309,6 @@ position: relative; min-height: 50px; .cp-kanban-filterTags { - .buttons_main(); display: inline-flex; align-items: center; flex: 1; diff --git a/www/pad/app-pad.less b/www/pad/app-pad.less index bf607e801..103241a52 100644 --- a/www/pad/app-pad.less +++ b/www/pad/app-pad.less @@ -1,6 +1,5 @@ @import (reference) "../../customize/src/less2/include/framework.less"; @import (reference) "../../customize/src/less2/include/comments.less"; -@import (reference) "../../customize/src/less2/include/buttons.less"; body.cp-app-pad { .framework_main( @@ -71,7 +70,6 @@ body.cp-app-pad { order: 1; } div.cp-comment-bubble { - .buttons_main(); position: relative; order: 2; button { diff --git a/www/secureiframe/app-secure.less b/www/secureiframe/app-secure.less index bece9d4c0..a8bf43a0f 100644 --- a/www/secureiframe/app-secure.less +++ b/www/secureiframe/app-secure.less @@ -8,6 +8,7 @@ @import (reference) '../../customize/src/less2/include/password-input.less'; @import (reference) '../../customize/src/less2/include/modals-ui-elements.less'; @import (reference) '../../customize/src/less2/include/usergrid.less'; +@import (reference) '../../customize/src/less2/include/forms.less'; &.cp-app-secureiframe { .modals-ui-elements_main(); @@ -19,6 +20,7 @@ .password_main(); .modal_main(); .usergrid_main(); + .forms_main(); #cp-filepicker-dialog { display: none; diff --git a/www/whiteboard/app-whiteboard.less b/www/whiteboard/app-whiteboard.less index 0fe594dda..054bc76a7 100644 --- a/www/whiteboard/app-whiteboard.less +++ b/www/whiteboard/app-whiteboard.less @@ -1,6 +1,5 @@ @import (reference) '../../customize/src/less2/include/tools.less'; @import (reference) "../../customize/src/less2/include/framework.less"; -@import (reference) "../../customize/src/less2/include/buttons.less"; &.cp-app-whiteboard { @@ -74,8 +73,6 @@ padding: 10px; - .buttons_main(); - & > * + * { margin: 0; margin-left: 1em;