diff --git a/css/80_app.css b/css/80_app.css index ada187611..34f66384b 100644 --- a/css/80_app.css +++ b/css/80_app.css @@ -462,7 +462,6 @@ button[disabled].action:hover { } button.save .count { - visibility: hidden; display: inline-block; border: 0px solid #ccc; border-left-width: 1px; @@ -475,24 +474,21 @@ button.save .count { border-right-width: 1px; padding: 0px 8px 0px 0px; } -button.save.has-count .count { - visibility: visible; +button.save.disabled .count { + border: 0px solid rgba(0,0,0,0.25); + border-left-width: 1px; +} +[dir='rtl'] button.save.disabled .count { + border-left-width: 0px; + border-right-width: 1px; + padding: 0px 8px 0px 0px; } -/* if no count, shift label over where the count would be, preserving width */ button.save .label { - margin-right: -12px; - margin-left: 15px; -} -[dir='rtl'] button.save .label { - margin-left: -12px; - margin-right: 15px; -} -button.save.has-count .label { margin-right: 3px; margin-left: 0; } -[dir='rtl'] button.save.has-count .label { +[dir='rtl'] button.save .label { margin-left: 3px; margin-right: 0; } diff --git a/modules/ui/save.js b/modules/ui/save.js index 686f548c6..632d0ef48 100644 --- a/modules/ui/save.js +++ b/modules/ui/save.js @@ -59,7 +59,6 @@ export function uiSave(context) { button .classed('disabled', numChanges === 0) - .classed('has-count', numChanges > 0) .style('background', background); button.select('span.count')