aboutsummaryrefslogtreecommitdiffstats
path: root/fg21sim/webui/static
diff options
context:
space:
mode:
authorAaron LI <aaronly.me@outlook.com>2016-11-24 14:26:10 +0800
committerAaron LI <aaronly.me@outlook.com>2016-11-24 14:26:10 +0800
commitaa3b2f588ce684739f688363dc05911cecf56adc (patch)
treed81a3817eeaf77b06f8fa54edac8b3decd7f7b34 /fg21sim/webui/static
parent2a1be466fb989f9485468e30ddb40a68f3de8772 (diff)
downloadfg21sim-aa3b2f588ce684739f688363dc05911cecf56adc.tar.bz2
webui: Update modal box styles
Diffstat (limited to 'fg21sim/webui/static')
-rw-r--r--fg21sim/webui/static/css/main.css53
-rw-r--r--fg21sim/webui/static/js/main.js18
2 files changed, 43 insertions, 28 deletions
diff --git a/fg21sim/webui/static/css/main.css b/fg21sim/webui/static/css/main.css
index aecb48d..1c81268 100644
--- a/fg21sim/webui/static/css/main.css
+++ b/fg21sim/webui/static/css/main.css
@@ -439,27 +439,17 @@ button,
/**
- * Logging messages styles
+ * Modal box styles
*/
-p.log {
- font-size: 1.3rem;
- margin-bottom: 0;
-}
-p.log span {
- margin-right: 0.8rem;
-}
-p.log.log-debug {
- color: inherit;
-}
-p.log.log-info {
- color: #398439;
-}
-p.log.log-warning {
- color: #d58512;
+.modal .icon {
+ font-size: 200%;
+ vertical-align: middle;
+ margin-right: 0.5rem;
}
-p.log.log-error,
-p.log.log-critical {
- color: #ac2925;
+.modal .title {
+ font-size: 120%;
+ font-weight: bold;
+ vertical-align: middle;
}
@@ -492,6 +482,31 @@ hr.hr-dotted {
/**
+ * Logging messages styles
+ */
+p.log {
+ font-size: 1.3rem;
+ margin-bottom: 0;
+}
+p.log span {
+ margin-right: 0.8rem;
+}
+p.log.log-debug {
+ color: inherit;
+}
+p.log.log-info {
+ color: #398439;
+}
+p.log.log-warning {
+ color: #d58512;
+}
+p.log.log-error,
+p.log.log-critical {
+ color: #ac2925;
+}
+
+
+/**
* "products" page specific styles
*/
td.product > .hpx.hpx-convert {
diff --git a/fg21sim/webui/static/js/main.js b/fg21sim/webui/static/js/main.js
index f0755c2..e6e68c4 100644
--- a/fg21sim/webui/static/js/main.js
+++ b/fg21sim/webui/static/js/main.js
@@ -187,7 +187,7 @@ var showModal = function (modalBox, data) {
modalBox.html("");
var p = $("<p>");
if (data.icon) {
- $("<span>").addClass("icon fa fa-2x")
+ $("<span>").addClass("icon fa")
.addClass("fa-" + data.icon).appendTo(p);
}
if (data.title) {
@@ -204,16 +204,16 @@ var showModal = function (modalBox, data) {
}
}
if (data.code) {
- modalBox.append($("<p>Error Code: </p>")
- .append($("<span>")
- .addClass("label label-warning")
- .text(data.code)));
+ modalBox.append($("<p>")
+ .append($("<span>").text("Code:")
+ .addClass("label label-warning"))
+ .append($("<span>").text(data.code)));
}
if (data.reason) {
- modalBox.append($("<p>Reason: </p>")
- .append($("<span>")
- .addClass("label label-warning")
- .text(data.reason)));
+ modalBox.append($("<p>")
+ .append($("<span>").text("Reason:")
+ .addClass("label label-warning"))
+ .append($("<span>").text(data.reason)));
}
if (data.buttons) {
p = $("<p>").addClass("button-group");