From 6dc314b2ecf06726070321929f99811773a82396 Mon Sep 17 00:00:00 2001 From: Timo Tijhof Date: Mon, 29 Jun 2020 23:31:49 +0100 Subject: [PATCH] CSS: Scope QUnit UI button style to not affect #qunit-fixture There are currently two places where we use buttons: * The toolbar, with the filter "Go" button and the "Apply" and "Reset" buttons for the module dropdown. * The test results, with the temporal "Abort" button. Fixes https://github.com/qunitjs/qunit/issues/1437. Closes https://github.com/qunitjs/qunit/pull/1452. --- src/qunit.css | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/src/qunit.css b/src/qunit.css index 27223b3b5..a61b6661e 100644 --- a/src/qunit.css +++ b/src/qunit.css @@ -11,8 +11,12 @@ /** Font Family and Sizes */ - -[id^=qunit] button { +/* Style our buttons in a simple way, uninfluenced by the styles + the tested app might load. Don't affect buttons in #qunit-fixture! + https://github.com/qunitjs/qunit/pull/1395 + https://github.com/qunitjs/qunit/issues/1437 */ +#qunit-testrunner-toolbar button, +#qunit-testresult button { font-size: initial; border: initial; background-color: buttonface;