Skip to content

Commit 0b03dd2

Browse files
JerryIJerryI
committed
consistent backgrounds
1 parent f62a077 commit 0b03dd2

8 files changed

Lines changed: 10 additions & 10 deletions

File tree

‎modules/wljs-inputs/templates/Drop.wlx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
Component[OptionsPattern[]] := With[{Class = OptionValue["Class"], Event = OptionValue["Event"], Label = OptionValue["Label"], Descr = OptionValue["Description"]},
22
{
33
<div class="flex items-center sm-controls {Class}">
4-
<label id="label-#instanceId" for="#instanceId" class="relative transition-all cursor-default rounded-md 0 pl-3 pr-2 text-left text-gray-500 ring-1 ring-inset ring-gray-400 focus:outline-none focus:ring-1 focus:ring-indigo-600 sm:text-xs sm:leading-6 bg-gray-200 hover:bg-gray-100" style="background:white">
4+
<label id="label-#instanceId" for="#instanceId" class="relative transition-all cursor-default rounded-md 0 pl-3 pr-2 text-left text-gray-500 ring-1 ring-inset ring-gray-400 focus:outline-none focus:ring-1 focus:ring-indigo-600 sm:text-xs sm:leading-6 bg-gray-200 hover:bg-gray-50" style="background:white">
55
<div id="bar-#instanceId" class="absolute top-0 left-0 w-0 h-full z-0 rounded-md transition-all" style="width:0%"></div>
66
<div class="flex flex-col items-center justify-center py-2">
77
<p class="text-sm text-gray-500 pr-1 flex gap-x-1 items-center z-50">

‎modules/wljs-inputs/templates/Joystick.wlx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ Component[OptionsPattern[]] := With[{UId = CreateUUID[], Event = OptionValue["Ev
88
box-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
99
">
1010
<div id="#instanceId" class="relative mt-auto mb-auto flex h-6 w-6 flex-none items-center justify-center">
11-
<div class="h-3 w-3 z-inf rounded-full hover:bg-sky-100 bg-gray-100 ring-1 ring-gray-300"></div>
11+
<div class="h-3 w-3 z-inf rounded-full hover:bg-sky-100 bg-gray-50 ring-1 ring-gray-300"></div>
1212
<div class="mt-auto mb-auto absolute top-0 bottom-0 flex w-6 justify-center" style="
1313
height: 5rem;
1414
">

‎modules/wljs-inputs/templates/Raster.wlx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@ Component[OptionsPattern[]] := With[{
3636

3737
<script type="module">
3838
core['<TemporalHandler/>'] = async (args, env) => {
39-
env.element.classList.add(...(("sm-controls cursor-default rounded-md 0 py-1 px-2 bg-gray-100 text-left text-gray-500 ring-1 ring-inset ring-gray-400 gap-y-1").split(" ")));
39+
env.element.classList.add(...(("sm-controls cursor-default rounded-md 0 py-1 px-2 bg-gray-50 text-left text-gray-500 ring-1 ring-inset ring-gray-400 gap-y-1").split(" ")));
4040
env.element.style.flexDirection = "column-reverse";
4141

4242
const sizeElement = document.getElementById("#instanceId-sizeRange");

‎modules/wljs-inputs/templates/Text.wlx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,7 @@ makeScript[_, Event_String, {TopicChange_String, TopicBlur_String}] := (
4242
Component[value_String:"", OptionsPattern[]] := With[{
4343
event = OptionValue["Event"], size = OptionValue[ImageSize], Label = OptionValue["Label"], Descp = OptionValue["Description"], Placeholder = OptionValue["Placeholder"], topic = OptionValue["Topic"],
4444
ClassName = If[OptionValue[Appearance] === Automatic,
45-
"relative cursor-default rounded-md 0 h-6 pl-3 pr-2 text-left text-gray-900 focus:outline-none sm:text-xs sm:leading-6 bg-gray-100",
45+
"relative cursor-default rounded-md 0 h-6 pl-3 pr-2 text-left text-gray-900 focus:outline-none sm:text-xs sm:leading-6 bg-gray-50",
4646
"relative cursor-default rounded-md 0 h-6 pl-3 pr-2 text-left focus:outline-none border-0 sm:text-xs sm:leading-6"
4747
],
4848
CSSStyle = StringJoin[OptionValue["CSS"], " ", OptionValue["Style"]],

‎modules/wljs-manipulate/Packages/AnimationFramework/RecordAnimation.wlx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33

44
makeBoxes[UId_, JSHandler_, s_, epilog_, StartEvent_, form_] := With[{
55
Scripts = <div>
6-
<span class="mt-1 w-full sm-controls cursor-default rounded-md 0 py-1 px-2 bg-gray-100 text-left text-gray-500 ring-1 ring-inset ring-gray-400 text-xs flex flex-col" contenteditable="false" style="vertical-align: middle;">
6+
<span class="mt-1 w-full sm-controls cursor-default rounded-md 0 py-1 px-2 bg-gray-50 text-left text-gray-500 ring-1 ring-inset ring-gray-400 text-xs flex flex-col" contenteditable="false" style="vertical-align: middle;">
77
<div class="flex-row flex items-center">
88
<div class="h-2 w-6 ring ring-1 ring-gray-400"><div id="{UId}-bar" style="width:0%" class="h-2 bg-sys"></div></div><span id="{UId}-text" class="leading-normal pl-1">Recording</span></div></span>
99
<script type="module">

‎modules/wljs-sound/dist/kernel.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -362,7 +362,7 @@ core.PCMPlayer = async (args, env) => {
362362

363363
if (opts.NoGUI) return;
364364
if (!opts.GUI) return;
365-
env.element.classList.add(...('sm-controls cursor-pointer rounded-md 0 py-1 px-2 bg-gray-100 text-left text-gray-500 ring-1 ring-inset ring-gray-400 text-xs flex flex-col'.split(' ')));
365+
env.element.classList.add(...('sm-controls cursor-pointer rounded-md 0 py-1 px-2 bg-gray-50 text-left text-gray-500 ring-1 ring-inset ring-gray-400 text-xs flex flex-col'.split(' ')));
366366
env.element.style.verticalAlign = "middle";
367367

368368
if ((initial.length || initial instanceof NumericArrayObject) && !opts.DataOnKernel) {
@@ -695,7 +695,7 @@ sound.Sound = async (args, env) => {
695695
});
696696

697697
if (env.element) {
698-
env.element.classList.add(...('sm-controls cursor-pointer rounded-md 0 py-1 px-2 bg-gray-100 text-left text-gray-500 ring-1 ring-inset ring-gray-400 text-xs'.split(' ')));
698+
env.element.classList.add(...('sm-controls cursor-pointer rounded-md 0 py-1 px-2 bg-gray-50 text-left text-gray-500 ring-1 ring-inset ring-gray-400 text-xs'.split(' ')));
699699
env.element.style.verticalAlign = "middle";
700700
env.element.innerHTML = `
701701
<svg class="w-4 h-4 text-gray-500 inline-block mt-auto mb-auto" viewBox="0 0 24 24" fill="none">

‎modules/wljs-sound/dist/kernel.min.js‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎modules/wljs-sound/src/kernel.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -362,7 +362,7 @@ core.PCMPlayer = async (args, env) => {
362362

363363
if (opts.NoGUI) return;
364364
if (!opts.GUI) return;
365-
env.element.classList.add(...('sm-controls cursor-pointer rounded-md 0 py-1 px-2 bg-gray-100 text-left text-gray-500 ring-1 ring-inset ring-gray-400 text-xs flex flex-col'.split(' ')));
365+
env.element.classList.add(...('sm-controls cursor-pointer rounded-md 0 py-1 px-2 bg-gray-50 text-left text-gray-500 ring-1 ring-inset ring-gray-400 text-xs flex flex-col'.split(' ')));
366366
env.element.style.verticalAlign = "middle";
367367

368368
if ((initial.length || initial instanceof NumericArrayObject) && !opts.DataOnKernel) {
@@ -697,7 +697,7 @@ sound.Sound = async (args, env) => {
697697
});
698698

699699
if (env.element) {
700-
env.element.classList.add(...('sm-controls cursor-pointer rounded-md 0 py-1 px-2 bg-gray-100 text-left text-gray-500 ring-1 ring-inset ring-gray-400 text-xs'.split(' ')));
700+
env.element.classList.add(...('sm-controls cursor-pointer rounded-md 0 py-1 px-2 bg-gray-50 text-left text-gray-500 ring-1 ring-inset ring-gray-400 text-xs'.split(' ')));
701701
env.element.style.verticalAlign = "middle";
702702
env.element.innerHTML = `
703703
<svg class="w-4 h-4 text-gray-500 inline-block mt-auto mb-auto" viewBox="0 0 24 24" fill="none">

0 commit comments

Comments
 (0)