GUI -- App view -
- fix dialog button colors
- Capitalize action word
Change-Id: I11f619fe1f9055e4f5975e5c14c8b562e471fab7
diff --git a/web/gui/src/main/webapp/app/fw/layer/dialog.css b/web/gui/src/main/webapp/app/fw/layer/dialog.css
index 2c04992..1e7b9af 100644
--- a/web/gui/src/main/webapp/app/fw/layer/dialog.css
+++ b/web/gui/src/main/webapp/app/fw/layer/dialog.css
@@ -40,11 +40,8 @@
padding: 2px 6px;
margin: 4px;
float: right;
+ /* color works for both light and dark themes */
+ background-color: #c55;
+ color: white;
}
-.light .dialog .dialog-button {
- background-color: #fec;
-}
-.dark .dialog .dialog-button {
- background-color: #369;
-}
diff --git a/web/gui/src/main/webapp/app/view/app/app.js b/web/gui/src/main/webapp/app/view/app/app.js
index 4938eaf..2cca7c0 100644
--- a/web/gui/src/main/webapp/app/view/app/app.js
+++ b/web/gui/src/main/webapp/app/view/app/app.js
@@ -326,9 +326,13 @@
['scroll down', 'See more apps']
]);
+ function capitalize(s) {
+ return s ? s[0].toUpperCase() + s.slice(1) : s;
+ }
+
function createConfirmationText(action, itemId) {
var content = ds.createDiv();
- content.append('p').text(action + ' ' + itemId);
+ content.append('p').text(capitalize(action) + ' ' + itemId);
if (strongWarning[itemId]) {
content.append('p').text(discouragement).classed('strong', true);
}