Skip to content

Commit

Permalink
feat(sidebar): adjustment of margins
Browse files Browse the repository at this point in the history
  • Loading branch information
@mitosagi
mitosagi committed Apr 16, 2023
1 parent 4d85150 commit 37c42d8
Showing 1 changed file with 39 additions and 31 deletions.
70 changes: 39 additions & 31 deletions src/renderer/main/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -234,19 +234,27 @@
<div class="card-body py-2">
<div class="row">
<div class="col-sm-auto overflow-auto">
<input
class="fuzzy-search form-control mb-2"
placeholder="検索"
aria-label="検索"
/>
<div class="position-relative">
<input
class="fuzzy-search form-control position-absolute w-100"
placeholder="検索"
aria-label="検索"
/>
<!-- A very ugly element to work around the problem
of incorrect box-sizing being applied to the input element -->
<input
class="form-control px-0 mb-3"
placeholder="検索spacer"
/>
</div>
<ul
id="filter"
class="list-unstyled"
aria-labelledby="type-filter"
>
<li>
<button
class="dropdown-item install-filter ps-0"
class="dropdown-item install-filter px-0"
type="button"
data-install-filter="clear"
>
Expand All @@ -256,7 +264,7 @@
<ul class="list-unstyled ps-3" aria-labelledby="">
<li>
<button
class="dropdown-item install-filter ps-0"
class="dropdown-item install-filter px-0"
type="button"
data-install-filter="true"
>
Expand All @@ -265,7 +273,7 @@
</li>
<li>
<button
class="dropdown-item install-filter ps-0"
class="dropdown-item install-filter px-0"
type="button"
data-install-filter="manual"
>
Expand All @@ -274,7 +282,7 @@
</li>
<li>
<button
class="dropdown-item install-filter ps-0"
class="dropdown-item install-filter px-0"
type="button"
data-install-filter="false"
>
Expand All @@ -284,12 +292,12 @@
</ul>
</li>
<li>
<hr class="mx-3 dropdown-divider" />
<hr class="mx-2 dropdown-divider" />
探す
</li>
<li>
<button
class="dropdown-item type-filter ps-0"
class="dropdown-item type-filter px-0"
type="button"
data-type-filter="plugin"
>
Expand All @@ -299,7 +307,7 @@
<ul class="list-unstyled ps-3" aria-labelledby="">
<li>
<button
class="dropdown-item type-filter ps-0"
class="dropdown-item type-filter px-0"
type="button"
data-type-filter="input"
>
Expand All @@ -308,7 +316,7 @@
</li>
<li>
<button
class="dropdown-item type-filter ps-0"
class="dropdown-item type-filter px-0"
type="button"
data-type-filter="output"
>
Expand All @@ -317,7 +325,7 @@
</li>
<li>
<button
class="dropdown-item type-filter ps-0"
class="dropdown-item type-filter px-0"
type="button"
data-type-filter="filter"
>
Expand All @@ -326,7 +334,7 @@
</li>
<li>
<button
class="dropdown-item type-filter ps-0"
class="dropdown-item type-filter px-0"
type="button"
data-type-filter="color"
>
Expand All @@ -335,7 +343,7 @@
</li>
<li>
<button
class="dropdown-item type-filter ps-0"
class="dropdown-item type-filter px-0"
type="button"
data-type-filter="language"
>
Expand All @@ -346,7 +354,7 @@
</li>
<li>
<button
class="dropdown-item type-filter ps-0"
class="dropdown-item type-filter px-0"
type="button"
data-type-filter="script"
>
Expand All @@ -356,17 +364,17 @@
<ul class="list-unstyled ps-3" aria-labelledby="">
<li>
<button
class="dropdown-item type-filter ps-0"
class="dropdown-item type-filter px-0"
type="button"
data-type-filter="script-dist"
>
<i class="bi bi-check"></i>配布サイトから探す
</button>
</li>
<li><hr class="mx-3 dropdown-divider" /></li>
<li><hr class="mx-2 dropdown-divider" /></li>
<li>
<button
class="dropdown-item type-filter ps-0"
class="dropdown-item type-filter px-0"
type="button"
data-type-filter="animation"
>
Expand All @@ -375,7 +383,7 @@
</li>
<li>
<button
class="dropdown-item type-filter ps-0"
class="dropdown-item type-filter px-0"
type="button"
data-type-filter="object"
>
Expand All @@ -384,7 +392,7 @@
</li>
<li>
<button
class="dropdown-item type-filter ps-0"
class="dropdown-item type-filter px-0"
type="button"
data-type-filter="scene"
>
Expand All @@ -393,7 +401,7 @@
</li>
<li>
<button
class="dropdown-item type-filter ps-0"
class="dropdown-item type-filter px-0"
type="button"
data-type-filter="camera"
>
Expand All @@ -402,7 +410,7 @@
</li>
<li>
<button
class="dropdown-item type-filter ps-0"
class="dropdown-item type-filter px-0"
type="button"
data-type-filter="track"
>
Expand All @@ -412,10 +420,10 @@
</ul>
</li>

<li class="ps-0">
<li>
<a
href="https://team-apm.github.io/apm/#%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%97%E3%83%88%E3%81%A8%E3%81%AF"
class="dropdown-item"
class="dropdown-item pe-0"
type="button"
>
<i class="bi bi-info-circle me-1"></i>これは何？<i
Expand All @@ -424,24 +432,24 @@
</a>
</li>
<li>
<hr class="mx-3 dropdown-divider" />
<hr class="mx-2 dropdown-divider" />
作る
</li>
<li class="ps-0">
<li>
<a
href="https://docs.google.com/forms/d/e/1FAIpQLSf0N-X_u_abi8rrWHVDdiK3YeYuQ7J1f8bQAy6QTD-OR94DWQ/viewform?usp=sf_link"
class="dropdown-item"
class="dropdown-item pe-0"
type="button"
>
<i class="bi bi-megaphone me-1"></i>提案する<i
class="bi bi-box-arrow-up-right ms-1"
></i>
</a>
</li>
<li class="ps-0">
<li>
<a
href="https://team-apm.github.io/apm-web/"
class="dropdown-item"
class="dropdown-item pe-0"
type="button"
>
<i class="bi bi-pencil me-1"></i>作ってみる<i
Expand Down

0 comments on commit 37c42d8

Please sign in to comment.