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