shipyard-framework 0.5.74 → 0.5.75
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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
|