mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2024-09-29 16:21:29 +00:00
Base: Add radio buttons to the accent-color demo page
This commit is contained in:
parent
dd77b878b3
commit
5ba7449342
Notes:
sideshowbarker
2024-07-17 07:48:42 +09:00
Author: https://github.com/MacDue Commit: https://github.com/SerenityOS/serenity/commit/5ba7449342 Pull-request: https://github.com/SerenityOS/serenity/pull/18022 Reviewed-by: https://github.com/linusg ✅
|
@ -13,53 +13,89 @@
|
|||
|
||||
<div>
|
||||
<b>System color</b><br>
|
||||
<input type="checkbox" checked></input>
|
||||
<input type="checkbox" ></input>
|
||||
<input class="indeterminate" type="checkbox"></input>
|
||||
<input type="checkbox" checked disabled></input>
|
||||
<input type="checkbox" disabled></input>
|
||||
<input class="indeterminate" type="checkbox" disabled></input>
|
||||
<form>
|
||||
<input type="checkbox" checked></input>
|
||||
<input type="checkbox" ></input>
|
||||
<input class="indeterminate" type="checkbox"></input>
|
||||
<input type="checkbox" checked disabled></input>
|
||||
<input type="checkbox" disabled></input>
|
||||
<input class="indeterminate" type="checkbox" disabled></input>
|
||||
|
||||
<input class="big" type="checkbox" checked></input>
|
||||
<input class="big" type="checkbox" ></input>
|
||||
<input class="big indeterminate" type="checkbox"></input>
|
||||
<input class="big" type="checkbox" checked disabled></input>
|
||||
<input class="big" type="checkbox" disabled></input>
|
||||
<input class="big indeterminate" type="checkbox" disabled></input>
|
||||
<input class="big" type="checkbox" checked></input>
|
||||
<input class="big" type="checkbox" ></input>
|
||||
<input class="big indeterminate" type="checkbox"></input>
|
||||
<input class="big" type="checkbox" checked disabled></input>
|
||||
<input class="big" type="checkbox" disabled></input>
|
||||
<input class="big indeterminate" type="checkbox" disabled></input>
|
||||
</form>
|
||||
<form>
|
||||
<input type="radio" checked></input>
|
||||
<input type="radio"></input>
|
||||
<input type="radio" checked disabled></input>
|
||||
<input type="radio" disabled></input>
|
||||
<input class="big" type="radio" checked></input>
|
||||
<input class="big" type="radio"></input>
|
||||
<input class="big" type="radio" checked disabled></input>
|
||||
<input class="big" type="radio" disabled></input>
|
||||
</form>
|
||||
</div>
|
||||
<br>
|
||||
<div class="color-dark">
|
||||
<b>Dark accent color</b><br>
|
||||
<input type="checkbox" checked></input>
|
||||
<input type="checkbox" ></input>
|
||||
<input class="indeterminate" type="checkbox"></input>
|
||||
<input type="checkbox" checked disabled></input>
|
||||
<input type="checkbox" disabled></input>
|
||||
<input class="indeterminate" type="checkbox" disabled></input>
|
||||
<form>
|
||||
<input type="checkbox" checked></input>
|
||||
<input type="checkbox" ></input>
|
||||
<input class="indeterminate" type="checkbox"></input>
|
||||
<input type="checkbox" checked disabled></input>
|
||||
<input type="checkbox" disabled></input>
|
||||
<input class="indeterminate" type="checkbox" disabled></input>
|
||||
|
||||
<input class="big" type="checkbox" checked></input>
|
||||
<input class="big" type="checkbox" ></input>
|
||||
<input class="big indeterminate" type="checkbox"></input>
|
||||
<input class="big" type="checkbox" checked disabled></input>
|
||||
<input class="big" type="checkbox" disabled></input>
|
||||
<input class="big indeterminate" type="checkbox" disabled></input>
|
||||
<input class="big" type="checkbox" checked></input>
|
||||
<input class="big" type="checkbox" ></input>
|
||||
<input class="big indeterminate" type="checkbox"></input>
|
||||
<input class="big" type="checkbox" checked disabled></input>
|
||||
<input class="big" type="checkbox" disabled></input>
|
||||
<input class="big indeterminate" type="checkbox" disabled></input>
|
||||
</form>
|
||||
<form>
|
||||
<input type="radio" checked></input>
|
||||
<input type="radio"></input>
|
||||
<input type="radio" checked disabled></input>
|
||||
<input type="radio" disabled></input>
|
||||
<input class="big" type="radio" checked></input>
|
||||
<input class="big" type="radio"></input>
|
||||
<input class="big" type="radio" checked disabled></input>
|
||||
<input class="big" type="radio" disabled></input>
|
||||
</form>
|
||||
</div>
|
||||
<br>
|
||||
<div class="color-light">
|
||||
<b>Light accent color</b><br>
|
||||
<input type="checkbox" checked></input>
|
||||
<input type="checkbox" ></input>
|
||||
<input class="indeterminate" type="checkbox"></input>
|
||||
<input type="checkbox" checked disabled></input>
|
||||
<input type="checkbox" disabled></input>
|
||||
<input class="indeterminate" type="checkbox" disabled></input>
|
||||
<form>
|
||||
<input type="checkbox" checked></input>
|
||||
<input type="checkbox" ></input>
|
||||
<input class="indeterminate" type="checkbox"></input>
|
||||
<input type="checkbox" checked disabled></input>
|
||||
<input type="checkbox" disabled></input>
|
||||
<input class="indeterminate" type="checkbox" disabled></input>
|
||||
|
||||
<input class="big" type="checkbox" checked></input>
|
||||
<input class="big" type="checkbox" ></input>
|
||||
<input class="big indeterminate" type="checkbox"></input>
|
||||
<input class="big" type="checkbox" checked disabled></input>
|
||||
<input class="big" type="checkbox" disabled></input>
|
||||
<input class="big indeterminate" type="checkbox" disabled></input>
|
||||
<input class="big" type="checkbox" checked></input>
|
||||
<input class="big" type="checkbox" ></input>
|
||||
<input class="big indeterminate" type="checkbox"></input>
|
||||
<input class="big" type="checkbox" checked disabled></input>
|
||||
<input class="big" type="checkbox" disabled></input>
|
||||
<input class="big indeterminate" type="checkbox" disabled></input>
|
||||
</form>
|
||||
<form>
|
||||
<input type="radio" checked></input>
|
||||
<input type="radio"></input>
|
||||
<input type="radio" checked disabled></input>
|
||||
<input type="radio" disabled></input>
|
||||
<input class="big" type="radio" checked></input>
|
||||
<input class="big" type="radio"></input>
|
||||
<input class="big" type="radio" checked disabled></input>
|
||||
<input class="big" type="radio" disabled></input>
|
||||
</form>
|
||||
</div>
|
||||
<br>
|
||||
<script>
|
||||
|
|
Loading…
Reference in a new issue