-
Notifications
You must be signed in to change notification settings - Fork 16
Clarkt/bootstrap v4 release upgrade #198
Conversation
…which includes popper.js
…ctly with bootstrap 4
…clarkt/bootstrap-beta3-upgrade
…clarkt/bootstrap-beta3-upgrade
…clarkt/bootstrap-beta3-upgrade
…clarkt/bootstrap-beta3-upgrade
…ltinn/DesignSystem into clarkt/bootstrap-beta3-upgrade
| {{# checkboxes }} | ||
|
|
||
| <div class="custom-control {{#isInline}}custom-control-inline{{/isInline}} custom-checkbox a-custom-checkbox {{# inactive }} inactive {{/ inactive }} {{# isDiscreet }} a-form-checkboxes--discret {{/ isDiscreet }}"> | ||
| <input type="checkbox" {{# isChecked }}checked="checked"{{/ isChecked }} class="custom-control-input" {{# data-toggle }} data-toggle="{{ data-toggle }}"{{/ data-toggle }}{{# data-target }} data-target="{{ data-target }}"{{/ data-target }} id="{{checkboxID}}" required {{# inactive }} disabled {{/ inactive }}> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Don't we need option to customize it like {{# isRequired }} required {{/ isRequired }} ? This is done in radio button
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Yes, I have fixed this.
| "radio-class": "a-js-feedbackToggle", | ||
| "radiobuttons": [ | ||
| { | ||
| "isInline" : true, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Needs some indentation
| }, | ||
| { | ||
| "additional-classes": "col-3 hidden-sm-down a-list-sortHeader", | ||
| "additional-classes": "col-3 d-none d-sm-block a-list-sortHeader", |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Is this not 'd-none d-md-block'?
| }, | ||
| { | ||
| "additional-classes": "col-3 hidden-sm-down a-list-sortHeader", | ||
| "additional-classes": "col-3 d-none d-sm-block a-list-sortHeader", |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
'd-none d-md-block' right?
| }, | ||
| { | ||
| "additional-classes": "col-3 hidden-sm-down", | ||
| "additional-classes": "col-3 d-none d-sm-block", |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
same here
| }, | ||
| { | ||
| "additional-classes": "col-3 hidden-sm-down", | ||
| "additional-classes": "col-3 d-none d-sm-block", |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
same here
| "link-class": "a-btn-blue-noUnderline text-right a-fontBold a-fullWidthLink collapsed a-visibleWhenInitial a-hiddenWhenExpanded an-collapse-button pr-0 pr-md-5", | ||
| "link-url": "#", | ||
| "link-text": "<span class='hidden-sm-down'>Utvid</span>", | ||
| "link-text": "<span class='d-none d-sm-block'>Utvid</span>", |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
d-md-block
| "link-class": "a-btn-blue-noUnderline text-right a-fontBold a-fullWidthLink a-visibleWhenExpanded an-collapse-button pr-0 pr-md-5", | ||
| "link-url": "#", | ||
| "link-text": "<span class='hidden-sm-down'>Lukk</span>", | ||
| "link-text": "<span class='d-none d-sm-block'>Lukk</span>", |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
d-md-block
| }, | ||
| { | ||
| "additional-classes": "col-3 hidden-sm-down", | ||
| "additional-classes": "col-3 d-none d-sm-block", |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
d-md-block
| }, | ||
| { | ||
| "additional-classes": "col-3 hidden-sm-down", | ||
| "additional-classes": "col-3 d-none d-sm-block", |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
d-md-block, in all the places in this file. I suspect this is probably done with purpose?
| @import './../../node_modules/bootstrap/scss/type'; | ||
| @import './../../node_modules/bootstrap/scss/images'; | ||
| /*@import './../../node_modules/bootstrap/scss/code';*/ | ||
| // @import './../../node_modules/bootstrap/scss/code'; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
seems commented. Should we remove this?
| @import './../../node_modules/bootstrap/scss/badge'; | ||
| @import './../../node_modules/bootstrap/scss/jumbotron'; | ||
| /*@import './../../node_modules/bootstrap/scss/alert';*/ | ||
| // @import './../../node_modules/bootstrap/scss/alert'; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
to be removed
| /*@import './../../node_modules/bootstrap/scss/carousel';*/ | ||
|
|
||
| // Utility classes | ||
| // @import './../../node_modules/bootstrap/scss/carousel'; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
to be removed
| // Reset and dependencies | ||
| // @import './../../node_modules/bootstrap/scss/normalize'; | ||
| // @import './../../node_modules/bootstrap/scss/print'; | ||
|
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Remove the commented lines
| display: block; | ||
|
|
||
| .custom-radio { | ||
| .a-radioButtons-excerpt { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Should we also change the name 'custom-radio' in line 674 to 'a-radiobuttons-excerpt'?
| display: inline-block; | ||
| margin-right: $spacer * 2; | ||
| } | ||
| .custom-control-input { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
just wondering if we should change 'custom-control' to 'custom-control-input' in line 696 as well?
acn-dgopa
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I think we can merge and fix those comments if they are something to be fixed
I have commented on some of the changes on another login which i noticed later.
My observations:
- Few class names (like custom-control) seem to be not updated both in css files and mustache files but i also suspect that it might be on purpose
- Checkbox and radio buttons seem to be not functioning properly sometimes, f.eks, when i click it doesnt get selected, this happens sometimes
…nged some d-sm-block to d-md-block
Oppdatering til releaseversjon av bootstrap 4