From 9b2082ebc3b0b3647aaa38e4dde42d2cbaa333e0 Mon Sep 17 00:00:00 2001 From: "Valeriano A.R" Date: Mon, 26 Mar 2018 01:07:34 +0200 Subject: [PATCH] Style changes. --- VAR.Focus.Web/Scripts/05. Cards.js | 16 ++++++++-------- VAR.Focus.Web/Styles/05. Cards.css | 28 ++++++++++++++++++++-------- 2 files changed, 28 insertions(+), 16 deletions(-) diff --git a/VAR.Focus.Web/Scripts/05. Cards.js b/VAR.Focus.Web/Scripts/05. Cards.js index 0f8b250..edc6d26 100644 --- a/VAR.Focus.Web/Scripts/05. Cards.js +++ b/VAR.Focus.Web/Scripts/05. Cards.js @@ -224,25 +224,25 @@ var Card = function (cfg, idCard, title, body, x, y, width, height, locked) { this.btnEdit = document.createElement("button"); this.divCard.appendChild(this.btnEdit); this.btnEdit.className = "btnCard btnEdit"; - this.btnEdit.innerHTML = "E"; + this.btnEdit.innerHTML = "✎"; // Unicode "Lower Right Pencil" this.btnEdit.addEventListener("click", Card.prototype.btnEdit_Click.bind(this), false); this.btnDelete = document.createElement("button"); this.divCard.appendChild(this.btnDelete); this.btnDelete.className = "btnCard btnDelete"; - this.btnDelete.innerHTML = "X"; + this.btnDelete.innerHTML = "X"; this.btnDelete.addEventListener("click", Card.prototype.btnDelete_Click.bind(this), false); this.btnLock = document.createElement("button"); this.divCard.appendChild(this.btnLock); this.btnLock.className = "btnCard btnLock"; - this.btnLock.innerHTML = "L"; + this.btnLock.innerHTML = "🔒"; // Unicode "Lock" this.btnLock.addEventListener("click", Region.prototype.btnLock_Click.bind(this), false); this.btnUnlock = document.createElement("button"); this.divCard.appendChild(this.btnUnlock); this.btnUnlock.className = "btnCard btnUnlock"; - this.btnUnlock.innerHTML = "U"; + this.btnUnlock.innerHTML = "🔓"; // Unicode "Open Lock" this.btnUnlock.style.display = "none"; this.btnUnlock.addEventListener("click", Region.prototype.btnUnlock_Click.bind(this), false); @@ -848,25 +848,25 @@ var Region = function (cfg, idRegion, title, x, y, width, height, locked) { this.btnEdit = document.createElement("button"); this.divRegion.appendChild(this.btnEdit); this.btnEdit.className = "btnRegion btnEdit"; - this.btnEdit.innerHTML = "E"; + this.btnEdit.innerHTML = "✎"; // Unicode "Lower Right Pencil" this.btnEdit.addEventListener("click", Region.prototype.btnEdit_Click.bind(this), false); this.btnDelete = document.createElement("button"); this.divRegion.appendChild(this.btnDelete); this.btnDelete.className = "btnRegion btnDelete"; - this.btnDelete.innerHTML = "X"; + this.btnDelete.innerHTML = "X"; this.btnDelete.addEventListener("click", Region.prototype.btnDelete_Click.bind(this), false); this.btnLock = document.createElement("button"); this.divRegion.appendChild(this.btnLock); this.btnLock.className = "btnRegion btnLock"; - this.btnLock.innerHTML = "L"; + this.btnLock.innerHTML = "🔒"; // Unicode "Lock" this.btnLock.addEventListener("click", Region.prototype.btnLock_Click.bind(this), false); this.btnUnlock = document.createElement("button"); this.divRegion.appendChild(this.btnUnlock); this.btnUnlock.className = "btnRegion btnUnlock"; - this.btnUnlock.innerHTML = "U"; + this.btnUnlock.innerHTML = "🔓"; // Unicode "Open Lock" this.btnUnlock.style.display = "none"; this.btnUnlock.addEventListener("click", Region.prototype.btnUnlock_Click.bind(this), false); diff --git a/VAR.Focus.Web/Styles/05. Cards.css b/VAR.Focus.Web/Styles/05. Cards.css index 5494649..df45253 100644 --- a/VAR.Focus.Web/Styles/05. Cards.css +++ b/VAR.Focus.Web/Styles/05. Cards.css @@ -78,7 +78,7 @@ .divCard .divTitle { padding-bottom: 5px; - padding-right: 44px; + padding-right: 17px; font-family: "Segoe UI",Tahoma,Geneva,Verdana,sans-serif; font-size: 12px; font-weight: bold; @@ -139,9 +139,7 @@ } .divCard .btnCard { - margin-top: 5px; - margin-right: 5px; - padding: 2px; + padding: 0; border: none; border-radius: 3px; box-shadow: 0 -2px 4px rgba(0,0,0,0.4) inset, 0 2px 3px rgba(255,255,255,1) inset; @@ -166,7 +164,9 @@ top: 4px; position: absolute; width: 16px; + height: 16px; right: 24px; + line-height: 16px; } .divCard .btnDelete { @@ -174,7 +174,9 @@ top: 4px; position: absolute; width: 16px; + height: 16px; right: 4px; + line-height: 16px; } .divCard .btnLock { @@ -182,7 +184,9 @@ top: 4px; position: absolute; width: 16px; + height: 16px; right: 44px; + line-height: 16px; } .divCard .btnUnlock { @@ -190,7 +194,9 @@ top: 4px; position: absolute; width: 16px; + height: 16px; right: 4px; + line-height: 16px; } .divRegion { @@ -205,7 +211,7 @@ .divRegion .divTitle { padding-bottom: 5px; - padding-right: 44px; + padding-right: 17px; font-family: "Segoe UI",Tahoma,Geneva,Verdana,sans-serif; font-size: 12px; font-weight: bold; @@ -251,9 +257,7 @@ } .divRegion .btnRegion { - margin-top: 5px; - margin-right: 5px; - padding: 2px; + padding: 0; border: none; border-radius: 3px; box-shadow: 0 -2px 4px rgba(0,0,0,0.4) inset, 0 2px 3px rgba(255,255,255,1) inset; @@ -278,7 +282,9 @@ top: 4px; position: absolute; width: 16px; + height: 16px; right: 24px; + line-height: 16px; } .divRegion .btnDelete { @@ -286,7 +292,9 @@ top: 4px; position: absolute; width: 16px; + height: 16px; right: 4px; + line-height: 16px; } .divRegion .btnLock { @@ -294,7 +302,9 @@ top: 4px; position: absolute; width: 16px; + height: 16px; right: 44px; + line-height: 16px; } .divRegion .btnUnlock { @@ -302,7 +312,9 @@ top: 4px; position: absolute; width: 16px; + height: 16px; right: 4px; + line-height: 16px; } .divEditBackground {