From f515249329bf95719ee0f6ff9e5f2fe6723846fc Mon Sep 17 00:00:00 2001 From: Juan Ferrer Toribio Date: Wed, 25 May 2022 20:04:16 +0200 Subject: [PATCH] Checkpoint --- forms/account/address-list/style.css | 2 +- forms/account/address-list/ui.xml | 2 +- forms/account/address/style.css | 2 +- forms/account/conf/style.css | 2 +- forms/admin/connections/connections.js | 14 +- forms/admin/connections/style.css | 24 +- forms/admin/connections/ui.xml | 50 +-- forms/admin/items/style.css | 39 +- forms/admin/items/ui.xml | 53 +-- forms/admin/links/style.css | 66 ++-- forms/admin/links/ui.xml | 46 ++- forms/admin/photos/style.css | 4 +- forms/admin/queries/style.css | 2 +- forms/admin/users/style.css | 20 +- forms/admin/users/ui.xml | 47 +-- forms/admin/users/users.js | 7 - forms/admin/visits/style.css | 49 +-- forms/admin/visits/ui.xml | 30 +- forms/agencies/packages/style.css | 2 +- forms/agencies/provinces/style.css | 2 +- forms/cms/contact/style.css | 2 +- forms/cms/why/style.css | 2 +- forms/ecomerce/basket/style.css | 2 +- forms/ecomerce/catalog/catalog.js | 4 +- forms/ecomerce/catalog/style.css | 2 +- forms/ecomerce/catalog/ui.xml | 12 +- forms/ecomerce/checkout/style.css | 10 +- forms/ecomerce/confirm/style.css | 2 +- forms/ecomerce/invoices/style.css | 13 +- forms/ecomerce/ticket/style.css | 2 +- forms/news/news/style.css | 38 +- forms/news/news/ui.xml | 56 +-- forms/reports/items-form/style.css | 36 +- forms/reports/shelves/style.css | 30 +- forms/reports/shelves/ui.xml | 18 +- js/hedera/gui.js | 4 +- js/hedera/gui.scss | 69 ++-- js/hedera/gui.xml | 4 +- js/hedera/style.scss | 162 +++------ js/htk/column/button.js | 20 +- js/htk/field/button.js | 11 +- js/htk/field/date-chooser.js | 77 ++-- js/htk/field/search-entry.js | 31 +- js/htk/field/select.js | 181 +++++----- js/htk/style/classes.scss | 14 +- js/htk/style/main.scss | 475 ++++++++++++++----------- js/htk/style/variables.scss | 2 +- 47 files changed, 779 insertions(+), 963 deletions(-) diff --git a/forms/account/address-list/style.css b/forms/account/address-list/style.css index 661afa20..2b28eb1f 100644 --- a/forms/account/address-list/style.css +++ b/forms/account/address-list/style.css @@ -3,7 +3,7 @@ padding: 1em; } .address-list .box { - max-width: 30em; + max-width: 420px; } .address-list .form { margin: 0 auto; diff --git a/forms/account/address-list/ui.xml b/forms/account/address-list/ui.xml index 594f7b67..03d9f753 100644 --- a/forms/account/address-list/ui.xml +++ b/forms/account/address-list/ui.xml @@ -35,7 +35,7 @@ form="user-form"/> -
+
this.$('sessions').refresh(), 60000); } ,deactivate: function() { clearTimeout(this._timeoutId); } - - ,onRefreshClick: function() { - this.$('sessions').refresh(); - } - - ,onAccessLogClick: function(userId) { - this.hash.set({ - form: 'admin/access-log' - ,user: userId - }); - } ,onChangeUserClick: function(userName) { this.gui.supplantUser(userName, diff --git a/forms/admin/connections/style.css b/forms/admin/connections/style.css index 4e846da9..c004ce98 100644 --- a/forms/admin/connections/style.css +++ b/forms/admin/connections/style.css @@ -2,7 +2,7 @@ padding: 1em; } .connections .box { - max-width: 25em; + max-width: 420px; margin: 0 auto; } .action-bar .connections-sum { @@ -11,25 +11,3 @@ border-radius: 0.1em; box-shadow: 0 0 0.4em rgba(255, 255, 255, .1); } - -/* List */ - -.connections .item { - display: block; - padding: 1em; - border-bottom: 1px solid #DDD; -} -.connections .item > button { - float: right; - margin: 0; -} -.connections .item > p { - margin: .1em 0; -} -.connections .item > p.important { - font-size: 1.2em; - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; -} - diff --git a/forms/admin/connections/ui.xml b/forms/admin/connections/ui.xml index 47d9a8b1..790c7e00 100644 --- a/forms/admin/connections/ui.xml +++ b/forms/admin/connections/ui.xml @@ -6,7 +6,7 @@ + on-click="$.sessions.refresh()"/>
- + -
- - -

- {{iter.nickname}} - -

-

- {{Vn.Value.format(iter.stamp, '%a, %T')}} - - {{Vn.Value.format(iter.lastUpdate, '%T')}} -

-

- {{iter.platform}} - - {{iter.browser}} - {{iter.version}} -

-
+ +
+

+ {{iter.nickname}} +

+

+ {{Vn.Value.format(iter.stamp, '%a, %T')}} - + {{Vn.Value.format(iter.lastUpdate, '%T')}} +

+

+ {{iter.platform}} - {{iter.browser}} {{iter.version}} +

+
+
+ +
+
diff --git a/forms/admin/items/style.css b/forms/admin/items/style.css index 0c32d69c..72a14708 100644 --- a/forms/admin/items/style.css +++ b/forms/admin/items/style.css @@ -1,41 +1,16 @@ -.items -{ +.items { padding: 1em; } -.items .box -{ - max-width: 25em; +.items .box { + max-width: 420px; margin: 0 auto; } /* Row */ -.items .row -{ - padding: 1em; - border-bottom: 1px solid #DDD; -} -.items .row > .photo -{ +.items .item .photo { margin-right: 1em; - float: left; - border-radius: 3%; - height: 5.5em; - width: 5.5em; + border-radius: 50%; + height: 80px; + width: 80px; } -.items .row > p -{ - margin: .1em 0; - margin-left: 5em; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} - -/* Topbar */ - -.action-bar .htk-search-entry -{ - margin: .8em .6em; -} - diff --git a/forms/admin/items/ui.xml b/forms/admin/items/ui.xml index 2130b16d..47a23a77 100644 --- a/forms/admin/items/ui.xml +++ b/forms/admin/items/ui.xml @@ -11,7 +11,7 @@
- + SELECT i.id, i.longName, i.size, i.category, i.value5, i.value6, i.value7, @@ -30,30 +30,33 @@ -
- -

- {{iter.longName}} -

-

- {{iter.value5}} {{iter.value6}} {{iter.value7}} -

-

- {{iter.id}} -

-

- {{iter.image}} -

-
+
+
+ +
+
+

+ {{iter.longName}} +

+

+ {{iter.value5}} {{iter.value6}} {{iter.value7}} +

+

+ {{iter.id}} +

+

+ {{iter.image}} +

+
diff --git a/forms/admin/links/style.css b/forms/admin/links/style.css index b74a6af2..6718e605 100644 --- a/forms/admin/links/style.css +++ b/forms/admin/links/style.css @@ -1,38 +1,60 @@ -.cpanel -{ +.cpanel { padding: 1em; } -.cpanel .box -{ - max-width: 30em; +.cpanel .box { + max-width: 420px; } /* Items */ -.cpanel .item -{ - display: block; - padding: 1em; - border-bottom: 1px solid #DDD; +.cpanel .items > div { + max-width: 800px; + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 12px; + margin: 0 auto; } -.cpanel .item:hover -{ +.cpanel .item { + display: flex; + flex-direction: column; + align-items: center; + margin: 0; + width: 120px; + padding: 15px; + text-align: center; + transition: background-color 250ms ease-out; +} +.cpanel .item:hover { background-color: rgba(1, 1, 1, 0.05); } -.cpanel .item > .htk-image -{ +.cpanel .item > .htk-image { + display: flex; + justify-content: center; + align-items: center; margin: 0; - margin-right: 1em; float: left; - max-height: 2.8em; - max-width: 2.8em; + height: 80px; } -.cpanel .item > p -{ +.cpanel .item > .htk-image > img { + max-height: 60px; + max-width: 60px; + padding: 0; +} +.cpanel .item > h3 { + flex: none; margin: .1em 0; + font-size: .9rem; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; } -.cpanel .item > p.important -{ - font-size: 1.2em; +.cpanel .item > .secondary { + flex: none; + margin: 0; + font-size: .8rem; + color: #666; + height: 40px; + overflow: hidden; } diff --git a/forms/admin/links/ui.xml b/forms/admin/links/ui.xml index e82d3135..5c300e82 100644 --- a/forms/admin/links/ui.xml +++ b/forms/admin/links/ui.xml @@ -3,31 +3,29 @@

ControlPanel

-
- - - - SELECT image, name, description, link FROM link - ORDER BY name - - + + - - -

- {{iter.name}} -

-

- {{iter.description}} -

- + SELECT image, name, description, link FROM link + ORDER BY name - -
+ + + + +

+ {{iter.name}} +

+

+ {{iter.description}} +

+ + +
diff --git a/forms/admin/photos/style.css b/forms/admin/photos/style.css index 47d90ce5..7a2234d6 100644 --- a/forms/admin/photos/style.css +++ b/forms/admin/photos/style.css @@ -3,8 +3,8 @@ padding: 1em; } .photos .box { - max-width: 25em; - padding: 2em; + max-width: 420px; + padding: 3em; } /* Dropzone */ diff --git a/forms/admin/queries/style.css b/forms/admin/queries/style.css index ffd2d78b..c2d5117b 100644 --- a/forms/admin/queries/style.css +++ b/forms/admin/queries/style.css @@ -2,7 +2,7 @@ padding: 1em; } .queries .box { - max-width: 40em; + max-width: 600px; margin: 0 auto; } .queries .form { diff --git a/forms/admin/users/style.css b/forms/admin/users/style.css index d9adf788..63dc1d54 100644 --- a/forms/admin/users/style.css +++ b/forms/admin/users/style.css @@ -2,25 +2,13 @@ padding: 1em; } .users .box { - max-width: 30em; + max-width: 420px; margin: 0 auto; } -.users-box { - padding: 1em; - border-bottom: 1px solid #DDD; +.users-box.item > .actions { + display: flex; } -.users-box > button { - float: right; - margin: 0; -} -.users-box > p { - margin: .2em 0; -} -.users-box > p.important { - font-size: 1.2em; -} -.users-box > .disabled { - float: right; +.users-box .disabled { color: white; background-color: #F66; border-radius: .2em; diff --git a/forms/admin/users/ui.xml b/forms/admin/users/ui.xml index ff7b437d..195e4b5c 100644 --- a/forms/admin/users/ui.xml +++ b/forms/admin/users/ui.xml @@ -12,7 +12,7 @@
- + SELECT u.id, u.name, u.nickname, u.active @@ -29,28 +29,29 @@ -
- - - - Disabled - -

- -

-

- # - - -

-
-
+ +
+

+ {{iter.nickname}} +

+

+ #{{iter.id}} - {{iter.name}} +

+
+
+ + Disabled + + +
+
diff --git a/forms/admin/users/users.js b/forms/admin/users/users.js index 00992713..05f45af2 100644 --- a/forms/admin/users/users.js +++ b/forms/admin/users/users.js @@ -2,13 +2,6 @@ Hedera.Users = new Class({ Extends: Hedera.Form - ,onAccessLogClick: function(userId) { - this.hash.set({ - form: 'admin/access-log' - ,user: userId - }); - } - ,rendererFunc: function(scope, form) { var isEnabled = form.get('active') scope.$('disabled').style.display = isEnabled ? diff --git a/forms/admin/visits/style.css b/forms/admin/visits/style.css index 4ccdc136..91407404 100644 --- a/forms/admin/visits/style.css +++ b/forms/admin/visits/style.css @@ -1,46 +1,19 @@ -.visits -{ +.visits { padding: 1em; } -.visits .box -{ - max-width: 25em; - margin: 0 auto; +.visits .box { + max-width: 420px; + margin-bottom: 1em; } -.visits .form -{ - padding: 1.5em; - max-width: 20em; +.visits .box:last-child { + margin-bottom: 0; } -.visits .summary -{ - margin-top: 1em; +.visits .summary { + padding: 3em; + box-sizing: border-box; } -.visits .summary p -{ - padding: 1.5em; +.visits .summary p { font-size: 1.4em; + margin: 0; text-align: right; } - -/* List */ - -.visits .list -{ - margin-top: 1em; -} -.visits .item -{ - display: block; - padding: 1em; - border-bottom: 1px solid #DDD; -} -.visits .item > p -{ - margin: .1em 0; -} -.visits .item > p.important -{ - font-size: 1.2em; -} - diff --git a/forms/admin/visits/ui.xml b/forms/admin/visits/ui.xml index d27bf247..7a4967c5 100644 --- a/forms/admin/visits/ui.xml +++ b/forms/admin/visits/ui.xml @@ -13,7 +13,7 @@ on-click="this.onSessionsClick()"/>
-
+
@@ -48,7 +48,7 @@

- + SELECT browser, @@ -73,20 +73,18 @@
-

- - - - -

-

- - visits, - - news -

-

- -

+
+

+ {{iter.browser}} {{iter.minVersion}} - {{iter.maxVersion}} +

+

+ {{iter.visits}} visits, + {{iter.newVisits}} news +

+

+ {{Vn.Value.format(iter.lastVisit, _('%a, %e %b %Y at %T'))}} +

+
diff --git a/forms/agencies/packages/style.css b/forms/agencies/packages/style.css index 42b69f97..abd928e6 100644 --- a/forms/agencies/packages/style.css +++ b/forms/agencies/packages/style.css @@ -4,6 +4,6 @@ } .packages .box { - max-width: 40em; + max-width: 600px; margin: 0 auto; } diff --git a/forms/agencies/provinces/style.css b/forms/agencies/provinces/style.css index cbf4d53f..292bb3e4 100644 --- a/forms/agencies/provinces/style.css +++ b/forms/agencies/provinces/style.css @@ -4,6 +4,6 @@ } .provinces .box { - max-width: 40em; + max-width: 600px; margin: 0 auto; } diff --git a/forms/cms/contact/style.css b/forms/cms/contact/style.css index 98fa547d..35b0a6b8 100644 --- a/forms/cms/contact/style.css +++ b/forms/cms/contact/style.css @@ -5,7 +5,7 @@ } .contact .box { - max-width: 30em; + max-width: 420px; padding: 2em; } .contact .form diff --git a/forms/cms/why/style.css b/forms/cms/why/style.css index 434da8da..c0436008 100644 --- a/forms/cms/why/style.css +++ b/forms/cms/why/style.css @@ -5,7 +5,7 @@ } .why .box { - max-width: 40em; + max-width: 600px; margin: 0 auto; } .why ul diff --git a/forms/ecomerce/basket/style.css b/forms/ecomerce/basket/style.css index 09abc932..11ba47b8 100644 --- a/forms/ecomerce/basket/style.css +++ b/forms/ecomerce/basket/style.css @@ -2,7 +2,7 @@ padding: 1em; } .basket .box { - max-width: 30em; + max-width: 420px; margin: 0 auto; padding: 30px; } diff --git a/forms/ecomerce/catalog/catalog.js b/forms/ecomerce/catalog/catalog.js index 048706c5..1249a32c 100644 --- a/forms/ecomerce/catalog/catalog.js +++ b/forms/ecomerce/catalog/catalog.js @@ -42,14 +42,14 @@ Hedera.Catalog = new Class({ ,setView: function(view) { if (view === Hedera.Catalog.View.GRID) { this.$('view-button').setProperties({ - icon: 'view-list', + icon: 'view_list', tip: _('List view') }); this.view = Hedera.Catalog.View.GRID; var className = 'grid-view'; } else { this.$('view-button').setProperties({ - icon: 'view-grid', + icon: 'grid_on', tip: _('Grid view') }); this.view = Hedera.Catalog.View.LIST; diff --git a/forms/ecomerce/catalog/style.css b/forms/ecomerce/catalog/style.css index dbfde6bc..5e6a7246 100644 --- a/forms/ecomerce/catalog/style.css +++ b/forms/ecomerce/catalog/style.css @@ -258,7 +258,7 @@ .list-view { - max-width: 30em; + max-width: 420px; margin: 0 auto; padding: 1em; } diff --git a/forms/ecomerce/catalog/ui.xml b/forms/ecomerce/catalog/ui.xml index dfb992f3..1a33f0a0 100644 --- a/forms/ecomerce/catalog/ui.xml +++ b/forms/ecomerce/catalog/ui.xml @@ -99,14 +99,16 @@ + icon="view_list" + on-click="this.onSwitchViewClick()"/> -
diff --git a/forms/ecomerce/checkout/style.css b/forms/ecomerce/checkout/style.css index 01e75703..22dbaaa3 100644 --- a/forms/ecomerce/checkout/style.css +++ b/forms/ecomerce/checkout/style.css @@ -1,13 +1,13 @@ .checkout { padding: 1em; - max-width: 40em; + max-width: 600px; margin: 0 auto; } .checkout .bar { margin-bottom: 1em; } .checkout .form { - max-width: 40em; + max-width: 600px; padding: 4em 2em; } @@ -19,11 +19,9 @@ font-size: 1.2em; } .answers .htk-select { - max-width: 10em; - display: block; + max-width: 15em; margin: 0 auto; - font-size: 1.6em; - height: 1.8em; + font-size: 1.4em; } .answers p { margin: 0.3em 0; diff --git a/forms/ecomerce/confirm/style.css b/forms/ecomerce/confirm/style.css index 4dd4a61e..02758016 100644 --- a/forms/ecomerce/confirm/style.css +++ b/forms/ecomerce/confirm/style.css @@ -1,7 +1,7 @@ .confirm { padding: 1em; - max-width: 30em; + max-width: 420px; margin: 0 auto; color: #555; } diff --git a/forms/ecomerce/invoices/style.css b/forms/ecomerce/invoices/style.css index 35acf384..e010596d 100644 --- a/forms/ecomerce/invoices/style.css +++ b/forms/ecomerce/invoices/style.css @@ -1,14 +1,7 @@ -.invoices -{ +.invoices { padding: 1em; } -.invoices .box -{ - max-width: 40em; -} -.invoices .box > .header, -.invoices .htk-grid > thead > tr -{ - background-color: #3F51B6; +.invoices .box { + max-width: 600px; } diff --git a/forms/ecomerce/ticket/style.css b/forms/ecomerce/ticket/style.css index 695c24e5..510cd502 100644 --- a/forms/ecomerce/ticket/style.css +++ b/forms/ecomerce/ticket/style.css @@ -2,7 +2,7 @@ padding: 1em; } .ticket .box { - max-width: 30em; + max-width: 420px; margin: 0 auto; padding: 2em; color: #333; diff --git a/forms/news/news/style.css b/forms/news/news/style.css index b1412acb..8c343b55 100644 --- a/forms/news/news/style.css +++ b/forms/news/news/style.css @@ -1,41 +1,17 @@ -.news -{ +.news { padding: 1em; } -.news .box -{ - max-width: 35em; +.news .box { + max-width: 420px; margin: 0 auto; } /* Items */ -.news .item -{ - padding: 1em; - border-bottom: 1px solid #DDD; -} -.news .item > p -{ - margin: .1em 0; - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; -} -.news .item > p.important -{ - font-size: 1.2em; -} -.news .item > .photo -{ +.news .item .photo { float: left; margin-right: 1em; - height: 4.2em; - width: 4.2em; - border-radius: .3em; -} -.news .item > button -{ - float: right; - margin: 0; + height: 80px; + width: 80px; + border-radius: 50%; } diff --git a/forms/news/news/ui.xml b/forms/news/news/ui.xml index b2302a67..d8e3124b 100644 --- a/forms/news/news/ui.xml +++ b/forms/news/news/ui.xml @@ -10,7 +10,7 @@
- + SELECT n.id, u.nickname, n.priority, n.image, n.title @@ -20,30 +20,36 @@ -
- - - -

- {{iter.title}} -

-

{{iter.nickname}}

-

{{iter.priority}}

-
+ +
+ +
+
+

+ {{iter.title}} +

+

{{iter.nickname}}

+

{{iter.priority}}

+
+
+ +
+
diff --git a/forms/reports/items-form/style.css b/forms/reports/items-form/style.css index ff9ba1be..bd894532 100644 --- a/forms/reports/items-form/style.css +++ b/forms/reports/items-form/style.css @@ -1,43 +1,19 @@ -.items -{ +.items { padding: 1em; } -.items .box -{ - max-width: 30em; - padding: 2em; -} -.items .form -{ - max-width: 25em; - margin: auto; -} -.items .form-group -{ - padding: 0.4em; -} -.items form label -{ - display: block; - margin-bottom: 0.5em; -} -.items input[type=text], -.items select -{ - margin: 0; - width: 100%; +.items .box { + max-width: 420px; + padding: 3em; } /* Footer */ -.items .footer -{ +.items .footer { text-align: center; margin-top: 1.5em; } -.items .footer > button -{ +.items .footer > button { margin: 0 .2em; } diff --git a/forms/reports/shelves/style.css b/forms/reports/shelves/style.css index 0be2e7cf..fb16cfd1 100644 --- a/forms/reports/shelves/style.css +++ b/forms/reports/shelves/style.css @@ -1,30 +1,8 @@ -.shelves -{ +.shelves { padding: 1em; } -.shelves .box -{ - max-width: 30em; - padding: 2em; -} -.shelves .form -{ - max-width: 25em; - margin: auto; -} -.shelves .form-group -{ - padding: 0.4em; -} -.shelves form label -{ - display: block; - margin-bottom: 0.5em; -} -.shelves input[type=text], -.shelves select -{ - margin: 0; - width: 100%; +.shelves .box { + max-width: 420px; + padding: 3em; } diff --git a/forms/reports/shelves/ui.xml b/forms/reports/shelves/ui.xml index cf6f7de0..c423d7f7 100644 --- a/forms/reports/shelves/ui.xml +++ b/forms/reports/shelves/ui.xml @@ -95,16 +95,22 @@
- - +
- - +
- - +
diff --git a/js/hedera/gui.js b/js/hedera/gui.js index 03000355..eaea8a3d 100644 --- a/js/hedera/gui.js +++ b/js/hedera/gui.js @@ -494,11 +494,11 @@ module.exports = new Class({ ,_onSupplantName: function(resultSet) { var userName = resultSet.fetchValue(); Vn.Node.setText(this.$('supplanted'), userName); - Vn.Node.show(this.$('supplant')); + this.$('supplant').classList.toggle('show', true); } ,onSupplantExitClick: function() { - Vn.Node.hide(this.$('supplant')); + this.$('supplant').classList.toggle('show', false); this._conn.supplantEnd(); sessionStorage.removeItem('supplantUser', sessionStorage.getItem('supplantUser')); diff --git a/js/hedera/gui.scss b/js/hedera/gui.scss index 7542f73d..71bba6be 100644 --- a/js/hedera/gui.scss +++ b/js/hedera/gui.scss @@ -34,23 +34,25 @@ padding: 0 1em; margin: 0; height: 100%; - } - .menu-button:hover { - background-color: rgba(0, 0, 0, .2); - } - .menu-button img { - vertical-align: middle; - height: 1.8em; + + &:hover { + background-color: rgba(0, 0, 0, .2); + } + img { + vertical-align: middle; + height: 1.8em; + } } .title { float: left; - } - .title h1 { - font-weight: normal; - font-size: 1.4em; - padding: .8em .6em; - padding-right: .3em; - margin: 0; + + h1 { + font-weight: normal; + font-size: 1.4em; + padding: .8em .6em; + padding-right: .3em; + margin: 0; + } } .navbar > .htk-spinner { float: left; @@ -100,11 +102,12 @@ visibility: hidden; background-color: rgba(1, 1, 1, .7); opacity: 0; - } - & > .background.show { - visibility: visible; - transition: opacity 200ms ease-out; - opacity: 1; + + &.show { + visibility: visible; + transition: opacity 200ms ease-out; + opacity: 1; + } } /* Left panel */ @@ -157,14 +160,22 @@ display: block; margin: 0; text-align: left; + border-radius: 0; &:hover { background-color: #1a1a1a; color: white; } + & > .htk-icon { + display: block; + } } &.supplant { display: none; + + &.show { + display: flex; + } } } @@ -179,9 +190,10 @@ line-height: 2em; border-radius: .1em; text-align: center; - } - .test-link:hover { - background-color: #4f61c5; + + &:hover { + background-color: #4f61c5; + } } .dev-info { display: none; @@ -191,12 +203,13 @@ font-size: .9em; margin: .5em; border-radius: .1em; - } - .dev-info > p { - margin: .2em 0; - } - .dev-info > .mode { - color: #BBF; + + & > p { + margin: .2em 0; + } + & > .mode { + color: #BBF; + } } /* Menu */ diff --git a/js/hedera/gui.xml b/js/hedera/gui.xml index 9b7a922d..58b816a4 100644 --- a/js/hedera/gui.xml +++ b/js/hedera/gui.xml @@ -16,13 +16,13 @@