Skip to content

Commit c77f7ab

Browse files
rstoenescurstoenescu
committed
fix: Form updates
1 parent de5196f commit c77f7ab

File tree

5 files changed

+7
-94
lines changed

5 files changed

+7
-94
lines changed

‎backers.md‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -81,6 +81,7 @@ You can join them in supporting Quasar development by [pledging on Patreon](http
8181
- Ryan Timmins
8282
- Asif Mehedi
8383
- Sevenview Studios
84+
- Rus Brushkoff
8485

8586
- Ken ($5)
8687
- Oliver ($5)

‎dev/components/form/size-test.vue‎

Lines changed: 0 additions & 86 deletions
Original file line numberDiff line numberDiff line change
@@ -147,92 +147,6 @@
147147
</div>
148148
</div>
149149

150-
<p class="caption">Baseline</p>
151-
<div class="row no-wrap gutter-sm size-test-example-base items-baseline">
152-
<div>Text</div>
153-
<div><q-input v-model="text" clearable /></div>
154-
<div><q-select v-model="select" :options="selectOptions" clearable /></div>
155-
<div><q-search v-model="text" clearable /></div>
156-
<div><q-search stack-label="Label" v-model="text" clearable /></div>
157-
<div><q-search hide-underline v-model="text" clearable /></div>
158-
<div><q-datetime type="datetime" v-model="date" clearable /></div>
159-
<div class="self-end"><q-btn color="primary" size="form-sm" outline label="Button" /></div>
160-
<div class="self-end"><q-btn color="primary" size="form-sm" flat label="Button" /></div>
161-
</div>
162-
<div class="row no-wrap gutter-sm size-test-example-base items-baseline q-pt-md">
163-
<div>Text</div>
164-
<div><q-input stack-label="Label" v-model="text" clearable /></div>
165-
<div><q-select stack-label="Label" v-model="select" :options="selectOptions" clearable /></div>
166-
<div><q-search stack-label="Label" v-model="text" clearable /></div>
167-
<div><q-datetime stack-label="Label" type="datetime" v-model="date" clearable /></div>
168-
<div class="self-end"><q-btn color="primary" size="form-lg" outline label="Button" /></div>
169-
<div class="self-end"><q-btn color="primary" size="form-lg" flat label="Button" /></div>
170-
</div>
171-
<div class="row no-wrap gutter-sm size-test-example-base items-baseline q-pt-md">
172-
<div>Text</div>
173-
<div><q-input float-label="Label" v-model="text" clearable /></div>
174-
<div><q-select float-label="Label" v-model="select" :options="selectOptions" clearable /></div>
175-
<div><q-search float-label="Label" v-model="text" clearable /></div>
176-
<div><q-datetime float-label="Label" type="datetime" v-model="date" clearable /></div>
177-
<div class="self-end"><q-btn color="primary" size="form-lg" outline label="Button" /></div>
178-
<div class="self-end"><q-btn color="primary" size="form-lg" flat label="Button" /></div>
179-
</div>
180-
181-
<div class="row no-wrap gutter-sm size-test-example-base items-baseline q-pt-md">
182-
<div>Text</div>
183-
<div><q-input hide-underline v-model="text" clearable /></div>
184-
<div><q-select hide-underline v-model="select" :options="selectOptions" clearable /></div>
185-
<div><q-search hide-underline v-model="text" clearable /></div>
186-
<div><q-search hide-underline stack-label="Label" v-model="text" clearable /></div>
187-
<div><q-datetime hide-underline type="datetime" v-model="date" clearable /></div>
188-
<div class="self-end"><q-btn color="primary" size="form-xs" outline label="Button" /></div>
189-
<div class="self-end"><q-btn color="primary" size="form-xs" flat label="Button" /></div>
190-
</div>
191-
<div class="row no-wrap gutter-sm size-test-example-base items-baseline q-pt-md">
192-
<div>Text</div>
193-
<div><q-input hide-underline stack-label="Label" v-model="text" clearable /></div>
194-
<div><q-select hide-underline stack-label="Label" v-model="select" :options="selectOptions" clearable /></div>
195-
<div><q-search hide-underline stack-label="Label" v-model="text" clearable /></div>
196-
<div><q-datetime hide-underline stack-label="Label" type="datetime" v-model="date" clearable /></div>
197-
<div class="self-end"><q-btn color="primary" outline label="Button" /></div>
198-
<div class="self-end"><q-btn color="primary" flat label="Button" /></div>
199-
</div>
200-
<div class="row no-wrap gutter-sm size-test-example-base items-baseline q-pt-md">
201-
<div>Text</div>
202-
<div><q-input hide-underline float-label="Label" v-model="text" clearable /></div>
203-
<div><q-select hide-underline float-label="Label" v-model="select" :options="selectOptions" clearable /></div>
204-
<div><q-search hide-underline float-label="Label" v-model="text" clearable /></div>
205-
<div><q-datetime hide-underline float-label="Label" type="datetime" v-model="date" clearable /></div>
206-
<div class="self-end"><q-btn color="primary" outline label="Button" /></div>
207-
<div class="self-end"><q-btn color="primary" flat label="Button" /></div>
208-
</div>
209-
210-
<div class="row no-wrap gutter-sm size-test-example-base items-baseline q-pt-md">
211-
<div>Text</div>
212-
<div><q-input inverted v-model="text" clearable /></div>
213-
<div><q-select inverted v-model="select" :options="selectOptions" clearable /></div>
214-
<div><q-search inverted v-model="text" clearable /></div>
215-
<div><q-search inverted stack-label="Label" v-model="text" clearable /></div>
216-
<div><q-datetime inverted type="datetime" v-model="date" clearable /></div>
217-
<div class="self-end"><q-btn color="primary" size="form-md" label="Button" /></div>
218-
</div>
219-
<div class="row no-wrap gutter-sm size-test-example-base items-baseline q-pt-md">
220-
<div>Text</div>
221-
<div><q-input inverted stack-label="Label" v-model="text" clearable /></div>
222-
<div><q-select inverted stack-label="Label" v-model="select" :options="selectOptions" clearable /></div>
223-
<div><q-search inverted stack-label="Label" v-model="text" clearable /></div>
224-
<div><q-datetime inverted stack-label="Label" type="datetime" v-model="date" clearable /></div>
225-
<div class="self-end"><q-btn color="primary" size="form-xl" label="Button" /></div>
226-
</div>
227-
<div class="row no-wrap gutter-sm size-test-example-base items-baseline q-pt-md">
228-
<div>Text</div>
229-
<div><q-input inverted float-label="Label" v-model="text" clearable /></div>
230-
<div><q-select inverted float-label="Label" v-model="select" :options="selectOptions" clearable /></div>
231-
<div><q-search inverted float-label="Label" v-model="text" clearable /></div>
232-
<div><q-datetime inverted float-label="Label" type="datetime" v-model="date" clearable /></div>
233-
<div class="self-end"><q-btn color="primary" size="form-xl" label="Button" /></div>
234-
</div>
235-
236150
<q-toggle v-model="guidelines" label="Guidelines" class="fixed-top-left bg-grey-3 q-pa-sm" style="top: 8px; left: 8px;" />
237151

238152
<div style="height: 350px"></div>

‎dev/components/web-tests/fast-test.vue‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,15 +8,13 @@
88
For some test that you think it should be persistent,
99
make a new *.vue file here or in another folder under /dev/components.
1010
-->
11-
<q-input v-model="test" align="center" />
1211
</div>
1312
</template>
1413

1514
<script>
1615
export default {
1716
data () {
1817
return {
19-
test: ''
2018
}
2119
},
2220
methods: {

‎src/components/input-frame/input-frame.ios.styl‎

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -32,6 +32,10 @@
3232
&:not(:first-child)
3333
margin-top 0
3434

35+
.q-if-hide-underline:not(.q-if-inverted)
36+
min-height 24px
37+
padding-bottom 0
38+
3539
.q-if-focusable
3640
outline 0
3741
cursor pointer
@@ -85,9 +89,7 @@
8589
.q-if-inverted
8690
min-height 38px
8791
border-radius 2px
88-
padding-top 8px
89-
padding-left 8px
90-
padding-right 8px
92+
padding 8px
9193
box-shadow $shadow-1
9294

9395
.q-input-target

‎src/components/input-frame/input-frame.mat.styl‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -89,9 +89,7 @@
8989
.q-if-inverted
9090
min-height 38px
9191
border-radius 2px
92-
padding-top 8px
93-
padding-left 8px
94-
padding-right 8px
92+
padding 8px
9593
box-shadow $shadow-1
9694

9795
.q-input-target

0 commit comments

Comments
 (0)