diff --git a/dist/ratchet.css b/dist/ratchet.css index b06f205..4773df0 100644 --- a/dist/ratchet.css +++ b/dist/ratchet.css @@ -780,6 +780,10 @@ input[type="button"] { right: 35px; } +.content > .table-view:first-child { + margin-top: 15px; +} + input, textarea, button, @@ -849,7 +853,8 @@ select { border-radius: 0; } -.input-group input { +.input-group input, +.input-group textarea { margin-bottom: 0; background-color: transparent; border-bottom: 1px solid #dddddd; diff --git a/docs/dist/ratchet.css b/docs/dist/ratchet.css index b06f205..4773df0 100644 --- a/docs/dist/ratchet.css +++ b/docs/dist/ratchet.css @@ -780,6 +780,10 @@ input[type="button"] { right: 35px; } +.content > .table-view:first-child { + margin-top: 15px; +} + input, textarea, button, @@ -849,7 +853,8 @@ select { border-radius: 0; } -.input-group input { +.input-group input, +.input-group textarea { margin-bottom: 0; background-color: transparent; border-bottom: 1px solid #dddddd; diff --git a/docs/examples/app-ios-mail/css/app.css b/docs/examples/app-ios-mail/css/app.css new file mode 100644 index 0000000..e655bda --- /dev/null +++ b/docs/examples/app-ios-mail/css/app.css @@ -0,0 +1,11 @@ +.updated-text { + position: absolute; + left: 0; + right: 0; + padding: 10px 0; + text-align: center; +} + +.table-view-cell .icon { + color: #007aff; +} \ No newline at end of file diff --git a/docs/examples/app-ios-mail/inbox.html b/docs/examples/app-ios-mail/inbox.html new file mode 100644 index 0000000..99a6404 --- /dev/null +++ b/docs/examples/app-ios-mail/inbox.html @@ -0,0 +1,61 @@ + + + + + Mail + + + + + + + + + + +
+ + +

Mailboxes

+
+ +
+ + Updated just now +
+ +
+ + +
+ + + + + diff --git a/docs/examples/app-ios-mail/index.html b/docs/examples/app-ios-mail/index.html new file mode 100644 index 0000000..b7d5d58 --- /dev/null +++ b/docs/examples/app-ios-mail/index.html @@ -0,0 +1,98 @@ + + + + + Mail + + + + + + + + + + +
+ +

Mailboxes

+
+ +
+ + Updated just now +
+ +
+ + + +
Other accounts
+ +
+ + + + + diff --git a/sass/forms.scss b/sass/forms.scss index a1e1812..27cd695 100644 --- a/sass/forms.scss +++ b/sass/forms.scss @@ -80,7 +80,8 @@ select { } // Remove spacing, borders, shadows and rounding since it all belongs on the .input-group not the input -.input-group input { +.input-group input, +.input-group textarea { margin-bottom: 0; background-color: transparent; border-bottom: $border-default; diff --git a/sass/table-views.scss b/sass/table-views.scss index 40f58be..9302d56 100644 --- a/sass/table-views.scss +++ b/sass/table-views.scss @@ -98,3 +98,8 @@ } } } + +// If the table view is the first component, give it extra margin on top. +.content > .table-view:first-child { + margin-top: 15px; +}