js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 12:09:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Simplify HTML

Browse Source
This commit is contained in:
Cory LaViska
2020-05-08 12:19:44 -04:00
parent 135ea26775
commit 6789625f4a
2 changed files with 12 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/color-picker/color-picker.scss
View File

@@ -137,8 +137,8 @@
.sl-color-picker__preview {
flex: 0 0 auto;
position: relative;
width: 2rem;
height: 2rem;
width: 32px;
height: 32px;
border-radius: 50%;
margin-left: var(--sl-spacing-medium);
@@ -165,7 +165,7 @@
border: solid 1px rgba(0, 0, 0, 0.125);
}
.sl-color-picker__input {
.sl-color-picker__user-input {
padding: 0 var(--sl-spacing-small) var(--sl-spacing-small) var(--sl-spacing-small);
}

20
src/components/color-picker/color-picker.tsx
View File

@@ -455,17 +455,15 @@ export class ColorPicker {
/>
</div>
<div class="sl-color-picker__inputs">
<div class="sl-color-picker__input">
<sl-input
ref={el => (this.input = el)}
size="small"
type="text"
pattern="[a-fA-F\d]+"
value={this.value}
onSlChange={this.handleUserChange}
/>
</div>
<div class="sl-color-picker__user-input">
<sl-input
ref={el => (this.input = el)}
size="small"
type="text"
pattern="[a-fA-F\d]+"
value={this.value}
onSlChange={this.handleUserChange}
/>
</div>
{this.swatches && (