From 7ff19e342e8c44def7fe9aeb3a209e91c3ff107e Mon Sep 17 00:00:00 2001 From: Julius Haertl Date: Mon, 25 Jul 2016 16:44:56 +0200 Subject: Theming: Colorize radio buttons and append new styles on preview --- apps/theming/js/settings-admin.js | 16 ++++++++++------ 1 file changed, 10 insertions(+), 6 deletions(-) (limited to 'apps/theming/js') diff --git a/apps/theming/js/settings-admin.js b/apps/theming/js/settings-admin.js index bf3571e2438..a45694b9aa6 100644 --- a/apps/theming/js/settings-admin.js +++ b/apps/theming/js/settings-admin.js @@ -64,7 +64,7 @@ function preview(setting, value) { icon = 'caret'; } if (luminance>0.8) { - elementColor = '#969696'; + elementColor = '#555555'; } headerClass.style.background = value; @@ -74,11 +74,15 @@ function preview(setting, value) { $('#previewStyles').html( '#header .icon-caret { background-image: url(\'' + OC.getRootPath() + '/core/img/actions/' + icon + '.svg\') }' + - 'input[type="checkbox"].checkbox:checked + label:before {' + - 'background-image: url(\'' + OC.getRootPath() + '/core/img/actions/checkmark-white.svg\');' + - 'background-color: ' + elementColor + ';' + - 'background-position: center center; background-size:contain;' + - 'width:12px; height:12px; padding:0; margin:1px 6px 7px 2px; }' + 'html:not(.ie):not(.edge) input[type="checkbox"].checkbox:checked:enabled:not(.checkbox--white) + label:before {' + + 'background-image:url(\'' + OC.getRootPath() + '/core/img/actions/checkmark-white.svg\');' + + 'background-color: ' + elementColor + '; background-position: center center; background-size:contain;' + + 'width:12px; height:12px; padding:0; margin:2px 6px 6px 2px; border-radius:1px;}' + + 'html:not(.ie):not(.edge) input[type="radio"].radio:checked:not(.radio--white):not(:disabled) + label:before {' + + '-webkit-mask-image: url(\'' + OC.getRootPath() + '/core/img/actions/radio-checked-white.svg\');' + + '-webkit-mask-repeat: no-repeat;' + + 'background-color: ' + elementColor+ ';' + + 'background-image: none; }' ); } if (setting === 'logoMime') { -- cgit v1.2.3