Fauxton: use class instead of inline-style
Project: http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/repo Commit: http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/commit/d7062db5 Tree: http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/tree/d7062db5 Diff: http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/diff/d7062db5 Branch: refs/heads/import-master Commit: d7062db5b5209e01f46622a6a5ea5a66038e15b4 Parents: ccbee29 Author: Robert Kowalski <r...@kowalski.gd> Authored: Tue Mar 11 19:24:10 2014 +0100 Committer: suelockwood <deathb...@apache.org> Committed: Thu Mar 13 10:43:23 2014 -0400 ---------------------------------------------------------------------- app/addons/config/assets/less/config.less | 3 +++ app/addons/config/resources.js | 8 ++++---- app/addons/config/templates/item.html | 4 ++-- 3 files changed, 9 insertions(+), 6 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/blob/d7062db5/app/addons/config/assets/less/config.less ---------------------------------------------------------------------- diff --git a/app/addons/config/assets/less/config.less b/app/addons/config/assets/less/config.less index 651cbe3..44311de 100644 --- a/app/addons/config/assets/less/config.less +++ b/app/addons/config/assets/less/config.less @@ -21,6 +21,9 @@ .js-delete-value { cursor: pointer; } + .js-hidden { + display: none; + } button {width: 7%;} } http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/blob/d7062db5/app/addons/config/resources.js ---------------------------------------------------------------------- diff --git a/app/addons/config/resources.js b/app/addons/config/resources.js index b5c0b6c..8f9ab08 100644 --- a/app/addons/config/resources.js +++ b/app/addons/config/resources.js @@ -97,8 +97,8 @@ function (app, FauxtonAPI) { }, editValue: function (event) { - this.$(".js-show-value").hide(); - this.$(".js-edit-value-form").show(); + this.$(".js-show-value").addClass("js-hidden"); + this.$(".js-edit-value-form").removeClass("js-hidden"); }, saveValue: function (event) { @@ -107,8 +107,8 @@ function (app, FauxtonAPI) { }, cancelEdit: function (event) { - this.$(".js-edit-value-form").hide(); - this.$(".js-show-value").show(); + this.$(".js-edit-value-form").addClass("js-hidden"); + this.$(".js-show-value").removeClass("js-hidden"); }, serialize: function () { http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/blob/d7062db5/app/addons/config/templates/item.html ---------------------------------------------------------------------- diff --git a/app/addons/config/templates/item.html b/app/addons/config/templates/item.html index a628fe6..108fa58 100644 --- a/app/addons/config/templates/item.html +++ b/app/addons/config/templates/item.html @@ -20,9 +20,9 @@ the License. <td > <%= option.name %> </td> <td class="js-edit-value"> <div class="js-show-value"> - <%= option.value %> + <%= option.value %> </div> - <div class="js-edit-value-form" style="display:none"> + <div class="js-edit-value-form js-hidden"> <input class="js-value-input" type="text" value="<%- option.value %>" /> <button class="js-save-value btn btn-success fonticon-circle-check btn-small"> </button> <button class="js-cancel-value btn btn-small fonticon-circle-x"> </button>
