RanchiMall/cc
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated components

Browse Source
This commit is contained in:
sairaj mote 2023-03-14 19:19:48 +05:30
parent 03f72cb14f
commit 0ee8c2b9e8
5 changed files with 40 additions and 4204 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
css/main.css
View File

@ -479,18 +479,22 @@ details[open] > summary .down-arrow {
sm-select, sm-select,
sm-option, sm-option,
strip-option { sm-chip {
font-size: 0.9rem; font-size: 0.9rem;
} }
strip-select { sm-chips {
--gap: 0; --gap: 0.3rem;
} }
strip-option { sm-chip {
font-weight: 500; font-weight: 500;
--border-radius: 0.3rem; --border-radius: 0.5rem;
--active-option-color: var(--accent-color); --background: rgba(var(--text-color), 0.06);
}
sm-chip[selected] {
color: rgba(var(--background-color), 1);
--background: var(--accent-color);
} }
sm-checkbox { sm-checkbox {

2
css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

16
css/main.scss
View File

@ -455,16 +455,20 @@ details[open] {
} }
sm-select, sm-select,
sm-option, sm-option,
strip-option { sm-chip {
font-size: 0.9rem; font-size: 0.9rem;
} }
strip-select { sm-chips {
--gap: 0; --gap: 0.3rem;
} }
strip-option { sm-chip {
font-weight: 500; font-weight: 500;
--border-radius: 0.3rem; --border-radius: 0.5rem;
--active-option-color: var(--accent-color); --background: rgba(var(--text-color), 0.06);
&[selected] {
color: rgba(var(--background-color), 1);
--background: var(--accent-color);
}
} }
sm-checkbox { sm-checkbox {
--height: 1rem; --height: 1rem;

16
index.html
View File

@ -230,10 +230,10 @@
<section id="options_panel" class="flex hidden"> <section id="options_panel" class="flex hidden">
<div id="filter_panel" class="flex w-100 align-center gap-1 "> <div id="filter_panel" class="flex w-100 align-center gap-1 ">
<h5>Sort by</h5> <h5>Sort by</h5>
<strip-select id="sort_content_list" label="Sort by:"> <sm-chips id="sort_content_list" label="Sort by:">
<strip-option value="score" selected>Score</strip-option> <sm-chip value="score" selected>Score</sm-chip>
<strip-option value="time">Most recent</strip-option> <sm-chip value="time">Most recent</sm-chip>
</strip-select> </sm-chips>
</div> </div>
</section> </section>
<div id="text_toolbar" class="hidden"> <div id="text_toolbar" class="hidden">
@ -394,14 +394,6 @@
</header> </header>
<sm-form> <sm-form>
<sm-input id="get_article_title" placeholder="Article title" required autofocus></sm-input> <sm-input id="get_article_title" placeholder="Article title" required autofocus></sm-input>
<!-- <sm-checkbox id="set_default_checkbox" checked>
<div class="grid margin-left-0-5 gap-0-5">
Set as default
<p style="font-size: 0.8rem;">
This article will be opened by default for everyone when CC is first loaded.
</p>
</div>
</sm-checkbox> -->
<div class="grid gap-1"> <div class="grid gap-1">
<div class="grid gap-0-5"> <div class="grid gap-0-5">
<h4>Define plot (optional)</h4> <h4>Define plot (optional)</h4>

4194
scripts/components.js
View File

File diff suppressed because one or more lines are too long