Commit Graph

83 Commits

Author SHA1 Message Date
Jasper Woudenberg
56685a3019 Use new heading modules over standard h\d elements
The inclusion of reset.css file nuked the default browser styles for
headers. This change sees us using custom styled headers instead to
bring structure back to the styleguide pages.
2018-06-22 10:41:38 +01:00
Jasper Woudenberg
51e79158a8 Add modules for headings in the styleguide
The CSS reset removed default browser styles for h1, h2, h3, etc elements,
resulting in a pretty weird looking styleguide. This adds modules for headings,
one version for use with plain Html, the other for use with Html.Styled.
2018-06-22 10:37:43 +01:00
Jasper Woudenberg
21c59355d8 Include css-reset in the styleguide app
A CSS reset is used to ensure designs look the same regardless of the
browser they are displayed in. Including one for the styleguide app will
ensure that we do not rely on any browser base styles for our designs.
2018-06-22 10:30:26 +01:00
Luke Westby
38ca396ac8
Updates to TextArea (#70)
* update textarea js code and make it npm-ready

* use an attribute instead so dom debugging is easier

* use data- attribute to be I D I O M A T I C

* version the custom element

* include marica's resize logic improvements

* changes to elm module

* clean up styleguide build and use v3 in styleguide
2018-06-11 11:08:49 -07:00
Brooke
107b369a66
Merge branch 'master' into add-textarea-v3-and-textinput-v3 2018-05-31 15:10:19 -07:00
Marica Odagaki
fdaf3fe55a Add custom-elements native-shim for TextArea.js
see: https://github.com/webcomponents/custom-elements#es5-vs-es2015
source: https://www.jsdelivr.com/package/npm/@webcomponents/custom-elements?version=1.1.1
2018-05-31 13:56:15 -08:00
Brooke
fe0466d3f4 use new elm-css for TextInput V3 2018-05-31 14:43:24 -07:00
Jasper Woudenberg
a56dc32d10 Merge branch 'master' into textarea-v2-minimum-height 2018-05-29 14:52:01 -07:00
Jasper Woudenberg
b7a6d9bf5a Refer to right widget version in documentation 2018-05-29 10:52:39 -07:00
Jasper Woudenberg
aac8229c0a 💀 Remove unused import 2018-05-29 10:52:39 -07:00
Brooke
745eda419e styleguide shows writing textinput without label and in error 2018-05-29 10:52:39 -07:00
Brooke
22d856ceca add Nri.Ui.TextInput.V2 with writing style (styling not perfect yet) 2018-05-29 10:52:39 -07:00
Brooke
35e1473ad4 add text input to styleguide app 2018-05-29 10:52:39 -07:00
Marica Odagaki
87792bedff Combine autoResize and minimumHeight into height
Writing the changelog drove home the fact that minimumHeight
only makes sense when the textarea is set to auto-resize.
2018-05-23 17:41:49 -08:00
Marica Odagaki
e0596c1159 Fix the bug where scrollHeight gets padded if we use auto 2018-05-23 17:41:49 -08:00
Marica Odagaki
03ffe17413 Look at computed min-height before falling back to computed height
Now that min-height is specified through an auto-generated class,
it's not available through the element's style attribute.
2018-05-23 17:41:49 -08:00
Marica Odagaki
80695f1cbe Autoresize textarea upon initialization 2018-05-23 17:41:49 -08:00
Marica Odagaki
942865b140 Make it easier to specifiy the minimumHeight while reducing freedom
If we want to allow specifying arbitrary height as the minimum height
in the future, it could be added as `Custom someUnit` in the future.
2018-05-23 17:41:49 -08:00
Jasper Woudenberg
fee5596960 Fix TextArea example 2018-05-18 11:23:32 +02:00
Jasper Woudenberg
2a77a03efc Migrate TextArea.V2 to Html.Styled
This does not actually migrate the styles themselves yet, it just
changes the Html type of the `TextArea` exposed from the module.
2018-05-18 10:35:31 +02:00
Jasper Woudenberg
716efba4dd Use TextArea.V2 in styleguide app 2018-05-18 10:17:51 +02:00
Jasper Woudenberg
93f101abaf
Merge branch 'master' into ink--upgrade-text 2018-05-17 08:38:47 +02:00
Tessa Kelly
3253e3466d Add V2 of Nri.Ui.Text using Html.Styled 2018-05-16 17:09:17 -07:00
James Gary
e89d96e2a9 Add mastery badge icon svg 2018-05-16 16:27:17 -07:00
James Gary
e443ddb7a9 Merge branch 'master' of github.com:NoRedInk/noredink-ui into ink-james--add-mastery-badge-icon 2018-05-15 12:11:51 -07:00
Michael Glass
6132797f8c
move styleguide images to lfs 2018-05-12 13:50:01 +02:00
James Gary
37c4d95bc3 Add mastery badge icon 2018-05-11 13:39:15 -07:00
Jasper Woudenberg
75cfeb731b
Merge branch 'master' into add-icons-to-styleguide 2018-05-04 13:51:11 +02:00
Jasper Woudenberg
eec2962006 Only store images in git lfs 2018-05-04 13:44:30 +02:00
Jasper Woudenberg
fa34fd7bd4 Pull in new changes from the monolith
Also add a `noPermission` page.
2018-05-03 14:32:26 +02:00
Jasper Woudenberg
d6a10d1ed4 Merge branch 'master' into extract-nri-page 2018-05-03 14:19:22 +02:00
Jasper Woudenberg
44c58c2bc0 Merge branch 'master' into table-v2 2018-05-03 09:39:18 +02:00
Jasper Woudenberg
03c460f80e Add icons to styleguide application 2018-05-02 10:46:44 +02:00
Jasper Woudenberg
f8bd18a8a0 Add Nri.Ui.Page.V1 to styleguide 2018-05-01 17:34:16 +02:00
Jasper Woudenberg
14fd3c142e 🎨 elm-format 2018-04-30 13:24:03 +02:00
Jasper Woudenberg
dcf42a0f37 Nri.Table example uses latest Button module 2018-04-30 13:16:36 +02:00
Jasper Woudenberg
1edf7da0ab Add buttons to the styleguide 2018-04-30 13:14:20 +02:00
Jasper Woudenberg
72a4a1c5e6 elm-format 2018-04-25 19:29:22 +02:00
Jasper Woudenberg
8f344774c3 Switch Table.V2 over to Html.Styled
This is probably better then relying on more deprecated elm css
functionality, like we were before.
2018-04-25 19:25:34 +02:00
Jasper Woudenberg
de10ffb43e New table version that takes any css width
This way you're not limited to creating tables with fixed-width columns.
This also makes the table take up the maximum available width space by
default.
2018-04-25 19:10:34 +02:00
Jasper Woudenberg
4c8f2cae89 Add keyframe animations to styleguide example
Also provide a function for easily embedding said keyframes into a page.
2018-04-24 18:36:37 +02:00
Jasper Woudenberg
e950661c8b Add Table to the styleguide application 2018-04-24 17:49:29 +02:00
Hardy Jones
1647b2f358
Make selects expand to the full width of parent
There are places where we need the select to be as wide as possible.
Since it seems like a sensible default to have all the selects expand,
we take that approach.

If we find out that this is harder, we can release use the old version.
2018-04-18 07:58:19 -07:00
Hardy Jones
5036c63e28
Merge branch 'master' into extract-select 2018-04-17 07:56:22 -07:00
Hardy Jones
4977d00361
Style the selector
We need some styling that was implicit in the monolith.
2018-04-16 15:50:28 -07:00
Hardy Jones
bffaae0e3f
Extract Nri.Select from the monolith 2018-04-16 15:43:01 -07:00
Hardy Jones
199689abd0
Style the dropdown 2018-04-16 13:12:17 -07:00
Hardy Jones
1b86ec442f
Extract Nri.Dropdown to noredink-ui
There are a couple of minor differences here.
Some of the dependencies we had were inlined.
_Should_ be no behavioral changes though.
2018-04-16 12:19:43 -07:00
James Gary
a4d3448b47 Add skip icon 2018-04-04 09:34:42 -07:00
Tessa Kelly
eb3d9f038c Adds sumitting, rating, and revising helpers 2018-04-02 17:17:42 -07:00