shipyard-framework 0.5.74 → 0.5.75
Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 728ef119f4b2bb782e4f6446f226606aaab44b65cbea83cc4f4f3cf79232fb4c
|
|
4
|
+
data.tar.gz: b12fe601b6a436e11399b1c3e5c186ed2352e77844392aa1209b8b37093197ff
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: f6b005b82da8f395d50da72d7f6a1ba5a67edeb050a8bd943aceb299ffab1f6c44289f2544f2200f23b19c3460f96b7fe655ffeb42dd36694ed113852a56a48c
|
|
7
|
+
data.tar.gz: 997e2831ebcd7898838c768975cd7daf1e168f842a13958a3ff13110df058661e1ce6b63b9ad75bf7c985d7068092d00fdbc906d784712005ce81f264ec4bbd6
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
opacity: .5
|
|
19
19
|
color: $text-color-light
|
|
20
20
|
&:hover, &:focus, .btn:hover &
|
|
21
|
-
&:not(:disabled)
|
|
21
|
+
&:not(:disabled):not(:read-only)
|
|
22
22
|
border-color: $border-color-dark
|
|
23
23
|
|
|
24
24
|
&-group
|
|
@@ -133,6 +133,10 @@
|
|
|
133
133
|
+when('error')
|
|
134
134
|
+sub-component-styles(required-corner-error)
|
|
135
135
|
|
|
136
|
+
// Input: Read-Only State
|
|
137
|
+
&-readonly
|
|
138
|
+
background-color: $gray-lighter
|
|
139
|
+
|
|
136
140
|
&-full
|
|
137
141
|
width: 100%
|
|
138
142
|
|
data/styleguide/Gemfile.lock
CHANGED
|
@@ -4,26 +4,51 @@ title: Shipyard Forms
|
|
|
4
4
|
|
|
5
5
|
{% include page-heading.html page=page %}
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
---
|
|
8
8
|
|
|
9
|
-
<div class="input-group">
|
|
10
|
-
<
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
<
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
<
|
|
19
|
-
|
|
9
|
+
<div class="col-container input-group">
|
|
10
|
+
<div class="col col-100 col-x1-33 margin-bottom-sm margin-bottom-x1-none">
|
|
11
|
+
<label class="label">Textbox</label>
|
|
12
|
+
<input type="text" class="input input-text input-full" placeholder=".input-text" />
|
|
13
|
+
</div>
|
|
14
|
+
<div class="col col-100 col-x1-33 margin-bottom-sm margin-bottom-x1-none">
|
|
15
|
+
<label class="label">Textbox Read-Only</label>
|
|
16
|
+
<input type="text" class="input input-text input-full input-readonly" placeholder=".input-readonly" value="copy-paste-me" readonly />
|
|
17
|
+
</div>
|
|
18
|
+
<div class="col col-100 col-x1-33 margin-bottom-sm margin-bottom-x1-none">
|
|
19
|
+
<label class="label">Textbox Disabled</label>
|
|
20
|
+
<input type="text" class="input input-text input-full" placeholder=".input-text" disabled />
|
|
21
|
+
</div>
|
|
20
22
|
</div>
|
|
23
|
+
```html
|
|
24
|
+
<!-- Default Textbox -->
|
|
25
|
+
<input type="text" class="input input-text" />
|
|
26
|
+
|
|
27
|
+
<!-- Read-Only Textbox -->
|
|
28
|
+
<input type="text" class="input input-text input-readonly" readonly />
|
|
29
|
+
|
|
30
|
+
<!-- Disabled Textbox -->
|
|
31
|
+
<input type="text" class="input input-text" disabled />
|
|
32
|
+
```
|
|
33
|
+
|
|
34
|
+
---
|
|
35
|
+
|
|
36
|
+
## Connected Textboxes
|
|
37
|
+
|
|
21
38
|
<div class="input-group">
|
|
22
|
-
<label class="label">Connected Textboxes</label>
|
|
23
39
|
<input type="text" class="input input-text input-full input-text-connect-top" placeholder=".input-text-connect-top" />
|
|
24
40
|
<input type="text" class="input input-text input-full input-text-connect-middle" placeholder=".input-text-connect-middle" />
|
|
25
41
|
<input type="text" class="input input-text input-full input-text-connect-bottom" placeholder=".input-text-connect-bottom" />
|
|
26
42
|
</div>
|
|
43
|
+
|
|
44
|
+
```html
|
|
45
|
+
<input type="text" class="input input-text input-text-connect-top" />
|
|
46
|
+
<input type="text" class="input input-text input-text-connect-middle" />
|
|
47
|
+
<input type="text" class="input input-text input-text-connect-bottom" />
|
|
48
|
+
```
|
|
49
|
+
|
|
50
|
+
---
|
|
51
|
+
|
|
27
52
|
<div class="col-container input-group">
|
|
28
53
|
<div class="col">
|
|
29
54
|
<label class="label">Select Boxes</label>
|
|
@@ -49,7 +74,7 @@ title: Shipyard Forms
|
|
|
49
74
|
</div>
|
|
50
75
|
</div>
|
|
51
76
|
|
|
52
|
-
|
|
77
|
+
---
|
|
53
78
|
|
|
54
79
|
<div class="input-group">
|
|
55
80
|
<label class="label">Textbox</label>
|
|
@@ -57,14 +82,14 @@ title: Shipyard Forms
|
|
|
57
82
|
<input type="text" class="input input-text input-full" placeholder=".input .input-text .input-full" />
|
|
58
83
|
</div>
|
|
59
84
|
|
|
60
|
-
|
|
85
|
+
---
|
|
61
86
|
|
|
62
87
|
<h2 class="margin-bottom-xs">Input Boxes</h2>
|
|
63
88
|
<div class="input-box">
|
|
64
89
|
<input type="text" class="input input-text input-full" placeholder=".input .input-text .input-full" />
|
|
65
90
|
</div>
|
|
66
91
|
|
|
67
|
-
|
|
92
|
+
---
|
|
68
93
|
|
|
69
94
|
<h2 class="margin-bottom-xs">Required Fields</h2>
|
|
70
95
|
<div class="col-container">
|
|
@@ -87,7 +112,7 @@ title: Shipyard Forms
|
|
|
87
112
|
</div>
|
|
88
113
|
</div>
|
|
89
114
|
|
|
90
|
-
|
|
115
|
+
---
|
|
91
116
|
|
|
92
117
|
<h2 class="margin-bottom-xs">Form Errors</h2>
|
|
93
118
|
<div class="form-error-container">
|
|
@@ -124,5 +149,3 @@ title: Shipyard Forms
|
|
|
124
149
|
</div>
|
|
125
150
|
</div>
|
|
126
151
|
</div>
|
|
127
|
-
|
|
128
|
-
<hr />
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: shipyard-framework
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.5.
|
|
4
|
+
version: 0.5.75
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Codeship
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2017-11-
|
|
11
|
+
date: 2017-11-24 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: actionview
|
|
@@ -321,7 +321,7 @@ files:
|
|
|
321
321
|
- styleguide/components/checkboxes.md
|
|
322
322
|
- styleguide/components/code.html
|
|
323
323
|
- styleguide/components/empty-states.html
|
|
324
|
-
- styleguide/components/forms.
|
|
324
|
+
- styleguide/components/forms.md
|
|
325
325
|
- styleguide/components/horizontal-rules.md
|
|
326
326
|
- styleguide/components/icons.md
|
|
327
327
|
- styleguide/components/index.md
|