Commit Graph

72 Commits

Author SHA1 Message Date
Martijn Cuppens 51375abca5
Responsive font size implementation (#23816) 2019-02-07 23:32:05 +01:00
Martijn Cuppens 8eef162c44 Match input font size for `.input-group-text` (#27941) 2018-12-28 23:18:10 +02:00
Martijn Cuppens 502b6c8ed6
Remove redundant brackets (#27768) 2018-12-14 17:54:44 +01:00
ysds b6e616a70f Fixed a fixed height issue of input-group size option (#27687) 2018-11-22 10:29:33 +02:00
ysds 5042b3c93d Support custom-select sizing in input-group (#27677) 2018-11-17 14:10:38 +02:00
Martijn Cuppens fab1dea927
Keep input group & form label font size in sync with form control font size (#27663) 2018-11-13 21:11:59 +01:00
Caíque de Castro Soares da Silva ff40e00323 Fix readonly-plain-text with button addon (#25871)
Fixes #25870
2018-10-23 05:53:38 +03:00
ysds 18ae915f54 Bring the focused button in input group to the front (#26910) 2018-09-18 15:29:02 +03:00
Martijn Cuppens 6f52b2eafa #26912: fix custom file input z-index 2018-07-20 18:31:47 -05:00
Mark Otto f426a67394
Form control heights (#26820)
* Redo input height on .form-control

- Use the already present -height variables on .form-control
- Consolidate the select size and multiple overrides into the .form-control base class instead of sm/lg modifiers
- Remove the Sass extends from input groups since it picks up too many selectors

* Prevent height on textareas
2018-07-15 14:00:23 -07:00
ysds 788f3e6802 Fix z-index target (#26361) 2018-05-07 11:30:43 +03:00
ysds 74057dcc8e Remove unnecessary resetting of left round (#26238) 2018-04-23 21:55:10 -07:00
Mark Otto 8dd1fe3893
Fix border-radius on Browse button for custom file input inside input groups (#25356) 2018-02-11 15:09:05 -08:00
ysds f4bf0542d7 Add direct children selectors to avoid cascading styles into a menu form (#25279) 2018-01-13 09:40:55 +02:00
Martijn Cuppens d66875d0e6 Remove double borders for custom select and custom file
Fixes #25168
2018-01-02 21:57:10 -08:00
Gijs Boddeus 48c45992a8
Textarea support for input groups
The append and prepend classes vertically aligned items in the center
For textareas this meant the addon would aling vertically instead of stretch and have it's contents vertically aligned
these changes fix that so everything is aligned how it should be
2017-12-31 15:38:29 +01:00
ysds 6b5a2ff626 Apply of #25068 to input group 2017-12-30 20:59:57 -08:00
ysds 8c6011ab4f Fix input group border radius issue (#25075) (#25076)
* Fix input group border radius issue (#25075)

* Remove migration note

- All buttons In input group do not have to be the same element now.

* lint
2017-12-26 14:23:07 -08:00
Mark Otto 2416801c7e remove input group overrides since they're defaults now 2017-12-23 17:50:52 -08:00
Mark Otto 0a420124ea
Restyle code element, remove docs example overflow, improve docs examples (#25054)
* Restyle code element, clean up variables

- Removes the padding and background-color
- Changes the color to a brand color ()
- Add new variables to kbd element styles to account for removing the code ones
- Remove overrides that were needed previously

* only break between words, and override it in the pre

* make file inputs 100% wide

* scope custom file changes in input group for sizing

* shorter button labels for responsive

* narrower cards

* button was too wide

* downsize

* fewer links in pagination

* redo cell text

* improve overflow docs
2017-12-22 16:49:57 -08:00
Mark Otto 13150872c6
Rewrite input group component (#25020)
* Rewrite input group component

* Set the feedback to 100% width for input group

* Move from .row to .form-row for tighter layout

* no need for custom feedback here, we're using browser messaging

* add input group to validation examples

* add note about validating multiple

* migration note added
2017-12-22 15:29:49 -08:00
Mark Otto 04b32db845 Merge branch 'btn_input_split_variables' of https://github.com/isychev/bootstrap into isychev-btn_input_split_variables 2017-10-22 19:59:20 -07:00
Mark Otto 2f90be3150 Merge branch 'input-group-custom-forms' into v4-dev 2017-10-22 19:39:47 -07:00
Mark Otto 1f42d79561 Merge branch 'v4-dev' into btn_input_split_variables 2017-10-22 14:26:49 -07:00
rmacklin 9e6dabbb10 Reduce z-indexes in button-group, input-group, list-group, and pagination to the minimum necessary (#24315)
These were using `z-index: 2` to "Place active items above their
siblings for proper border styling". However, using `z-index: 1` is
sufficient for accomplishing that goal.

In input-group, there were also three `z-index: 3` rules for the
hover/focus/active states. I reduced these to `z-index: 2` since they
just needed to be "one more than normal" (i.e. one more than what is now
`z-index: 1` after my changes).

These changes can be verified by viewing the documentation pages for
Button group, Input group, List group, and Pagination before and after
this commit and observing that the active elements are still "above"
their siblings, so their borders look correct.
2017-10-20 10:01:29 +03:00
Mark Otto 34a1e45400 Add input group support for custom selects and custom files
Closes #24437, closes #22457
2017-10-19 23:22:06 -07:00
i.sychev 58e553d7bc append btn-* and input-* variables and extends their from input-btn-* variables 2017-10-19 10:05:07 +03:00
Mark Otto 864c657488 Fix buttons that come after the input (input should be under the button) 2017-10-02 20:47:15 -07:00
Patrick Yeo bf01f27554 First child of input group segmented buttons are off by -btn-border-width 2017-10-02 20:47:15 -07:00
XhmikosR 7b766e1ad5 Switch to stylelint. (#23572) 2017-10-02 20:34:56 -07:00
Mark Otto 8fb48eaae2 Revert input group border changes (#24197)
Turns out #22612 is a bad idea and it makes all sorts of weird visual
glitches when working with form controls and transparent borders.
2017-10-02 14:18:33 -07:00
Andres Galante 2430151865 fixes input group btn height (#23810) 2017-10-02 10:13:09 -07:00
Chirag Modi 487e5f8b82 remove Dist fils as per suggestion (#23092) 2017-10-01 17:59:26 -07:00
Patrick Yeo 80cf395e4d Remove `vertical-align: middle` from `.input-group-addon` and `.input-group-btn` left over from V3 2017-08-12 18:22:48 -07:00
Patrick Yeo 02ae73fc0f Apply `align-items: center;` to `.input-group` instead of input group sub components, causes `.input-group .form-control` and `.input-group-addon` to be large when next to a tall element 2017-08-12 18:22:48 -07:00
Patrick Yeo a0521efbb5 Input Group Addon add option to configure `$input-group-addon-color` 2017-08-10 23:11:18 -07:00
Nathan Woltman f95282c27e Fix border on input group elements and custom form inputs
c3e4cbd changed the border of input elements to be translucent. This commit makes
input group elements and custom form inputs follow the same pattern.
2017-08-10 22:41:21 -07:00
Mark Otto 296c99020c Revamp button and input vars while fixing #21587 (#22287) 2017-03-28 09:28:27 -07:00
Gijs Boddeus 12b22ebad6 fix segmented buttons (#21716)
* fix segmented buttons

changed flex-direction to row
centering is now done by align-items instead of justify-content

this way there is no need for flex property on the .btn inside .btn-group

* Update _input-group.scss
2017-01-21 12:25:24 -08:00
Mark Otto 0ffd369afd clarify usage of base font-size so we know what's up 2017-01-03 19:32:57 -08:00
Patrick Cameron b01f5a1a38 Changed a word in a comment (#21399) 2016-12-22 13:25:41 -08:00
Mark Otto eb2e1102be Flexbox all the time (Drop IE9 support and remove $enable-flex option) (#21389)
* remove the $enable-flex variable option

* remove bootstrap-flex.css dist file and it's grunt task

* remove the separate flex css file for docs; it's all the same now

* remove flexbox docs (porting some to the main grid docs in next commit)

* clean up few grid docs bits to simplify copy, start to mention flexbox

* port relevant flexbox-grid.md content to grid.md

- clean up mixins
- update how it works section
- bring over sizing and alignment sections

* remove the $enable-flex from the options.md page

* update lead paragraph to mention flexbox

* update migration to mention loss of ie9 support

* remove mention of flexbox dist file

* clarify IE support

* making a note

* remove flexbox variant mentions from component docs

- updates docs for media object, navs, list group, and cards to consolidate docs
- no more need to callout flexbox variants since it's now the default

* remove $enable-flex if/else from sass files

* remove flex dist files

* update scss lint property order to account for flex properties

* linting

* change to numberless classes for autosizing, wrap in highlighting div

* bump gruntfile and postcss to ie10

* redo intro sections

* rearrange

* phew, redo hella grid docs

- rearrange all the things
- consolidate some bits

* remove reference to flexbox mode

* more border action for demo

* Make some changes to the .card's in .card-deck's to ensure footers align to the bottom
2016-12-21 20:26:17 -08:00
Catalin Zalog 5099a60ffe Fix input group sizing in Firefox
Firefox requires a width and flex-basis value to size the input field correctly. Despite the width being 1%, the input will size correctly at all parent widths.

http://codepen.io/zalog/pen/bpMJmv
2016-10-30 14:43:10 -07:00
Mark Otto 78c9757236 property order 2016-10-27 13:46:16 -07:00
Mark Otto 259a420d70 Ensure proper sizing of and alignment of content within input group addons and buttons
Fixes #20927.
2016-10-27 13:40:55 -07:00
Simon Bächler 8402d2321f Use a variable for the default font weights. Fixes #20741
Websites might use different weights such as medium or thin or use light as default weight instead of normal.
Also referenced: #18605 and #16170.
2016-10-19 21:41:27 +02:00
Mark Otto c52e1334a3 Fixes #20291: Update variable usage for input group addon
Instead of the regular border-radius var, use the input ones to match sizing with their associated controls.
2016-07-27 21:12:44 -07:00
Rakhat Jabagin 2eeef6d19f remove empty sass if directives 2016-03-11 16:02:57 +06:00
Mark Otto 23d47122ef Merge branch 'multiple-input-group-addon' of https://github.com/vicary/bootstrap into vicary-multiple-input-group-addon 2016-02-07 23:41:35 -08:00
Mark Otto e589cdbfe9 Put that new var to use to match form group addons to form controls 2016-02-07 22:47:04 -08:00