Add a color option to the Clock View values and arrows #8236

JaredDRobbins · 2024-03-06T16:17:03Z

Adding a checkbox to the "Clock view configurator" that will add color to the displayed values/arrows and change the default value color from grey to white.

add black background with colored sgv/arrow option

add "Black w/ Color" option to Background type picker

update "Black w/ Color" to set element "color" instead of "background-color"

arrow element style

default clock view config

add width to arrow

remove arrow width

add colored trend arrows

hex arrow colors

colored arrow width

"

arrow - display:flex;

original-tab delimited

add color checkboxes

pre-size line breaks

config-form background/opacity

clocklink:active

add size_color class

add size_color div wrappers

replace <p> with <div>

p > div

div back to p

p < div

size_color align

trying divs again

#config-form form > div

flip button/attribute positions

button width

.size_color {margin-bottom}

text-stroke

watch color check boxes

input.elmt.click

arrow stroke

arrow width/color

reduce arrow stroke width to 1

change from text stroke to text shadow

arrow stroke width to 3

// classParam = classParam.toLowerCase();

classParam = classParam.toLowerCase();

face = $inner.data('face');

alt cofig row colors

thresholdReached - remove color class

thresholdReached - color class to black

bring trend arrow back after thresholdReached is no loner true

original formatting

2 space indent

text-shadow x 8

increase arrow stroke width to 4

comma first

body color white

ARROW COLOR WHITE

white text/arrow

JaredDRobbins added 30 commits November 11, 2023 18:07

Update clock-client.js

93b4a5c

add black background with colored sgv/arrow option

Update clock-config.html

eb0a6f7

add "Black w/ Color" option to Background type picker

Update clock-client.js

525c706

update "Black w/ Color" to set element "color" instead of "background-color"

Update clock-client.js

4e6ad09

arrow element style

Update clock.html

0395704

default clock view config

Update clock-client.js

96cc1d6

add width to arrow

Update clock-client.js

f232b46

remove arrow width

Update clock-client.js

c40d392

add colored trend arrows

Update clock-client.js

aef5c63

hex arrow colors

Update clock-client.js

e35a19d

colored arrow width

Update clock-client.js

d91b52e

"

Update clock-client.js

74713ea

arrow - display:flex;

Update clock-config.html

7c02280

original-tab delimited

Update clock.html

02e39d3

original-tab delimited

Update clock-client.js

28ca51c

original-tab delimited

Update clock-config.html

ad8d2ef

add color checkboxes

Update clock-config.html

227d77a

pre-size line breaks

Update clock-config.css

4f43730

config-form background/opacity

Update clock-config.css

22bbfe8

clocklink:active

Update clock-config.css

8547987

add size_color class

Update clock-config.html

390e5d8

add size_color div wrappers

Update clock-config.html

18ebca9

replace <p> with <div>

Update clock-config.css

19c8bfa

p > div

Update clock-config.css

382b648

div back to p

Update clock-config.html

6f6d6e0

p < div

Update clock-config.css

3d8bb10

size_color align

Update clock-config.css

2711a5b

trying divs again

Update clock-config.html

2528db4

trying divs again

Update clock-config.css

b92d855

#config-form form > div

Update clock-config.html

3494262

flip button/attribute positions

JaredDRobbins added 30 commits November 13, 2023 12:10

Update clock-config.css

4c79856

button width

Update clock-config.css

b18d917

.size_color {margin-bottom}

Update clock-shared.css

a23ced5

text-stroke

Update clock-client.js

95e9c6c

watch color check boxes

Update clock-config.html

d020278

input.elmt.click

Update clock-client.js

7bb58ec

arrow stroke

Update clock-client.js

2fb057b

arrow width/color

Update clock-client.js

2a576d3

reduce arrow stroke width to 1

Update clock-shared.css

2dcb364

change from text stroke to text shadow

Update clock-client.js

234eec0

arrow stroke width to 3

Update clock-client.js

0fbf57c

// classParam = classParam.toLowerCase();

Update clock-client.js

88091e5

classParam = classParam.toLowerCase();

Update clock-client.js

8e9d9a8

face = $inner.data('face');

Update clock-config.css

1429edb

alt cofig row colors

Update clock-client.js

1a02c4d

thresholdReached - remove color class

Update clock-client.js

857b2d3

thresholdReached - color class to black

Update clock-client.js

cd3070b

bring trend arrow back after thresholdReached is no loner true

Update clock.html

a371435

original formatting

Update clock-config.html

cdc7d23

2 space indent

Update clock-shared.css

bd6d3bd

2 space indent

Update clock-config.css

5974945

2 space indent

Update clock-client.js

3870349

2 space indent

Update clock-shared.css

54ba62e

text-shadow x 8

Update clock-client.js

d092378

increase arrow stroke width to 4

Update clock-client.js

c8410fc

comma first

Update clock-client.js

c5bdb43

body color white

Update clock-client.js

78e7097

ARROW COLOR WHITE

Update clock-client.js

4c31afb

Update clock-client.js

6f1f9b6

white text/arrow

Merge branch 'dev' into master

605cd7d

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Add a color option to the Clock View values and arrows #8236

Add a color option to the Clock View values and arrows #8236

JaredDRobbins commented Mar 6, 2024

Add a color option to the Clock View values and arrows #8236

Are you sure you want to change the base?

Add a color option to the Clock View values and arrows #8236

Conversation

JaredDRobbins commented Mar 6, 2024