aboutsummaryrefslogtreecommitdiff
path: root/scss/_input-group.scss
AgeCommit message (Collapse)AuthorFilesLines
2019-07-12v5: Forms update (#28450)Mark Otto1-188/+0
* Initial spike of consolidated form checks * Stub out forms rearrangement - Prepping to drop non-custom file and range inputs - Prepping to merge custom and native checks and radios (with switches) - Prepping to merge custom select with form select - Moving docs arround so forms has it's own area given volume of CSS * Move input group Sass file to forms subdir * Start to split and move the docs around * Simpler imports * Copyediting * delete overview file * Remove commented out code * remove the custom-forms import * rewrite flex-check as form-check, replace all custom properties * Remove old forms doc * stub out new subpage link section * update migration guide * Update nav, forms overview in page nav, and descriptions * fix check bg position * fix margin-top calculation * rename .custom-select to .form-select * Update validation styles for new checks * add some vertical margin, fix inline checks * fix docs examples * better way to do this contents stuff, redo the toc while i'm at it * page restyle for docs while here * un-callout that, edit text * redo padding on toc * fix toc * start to cleanup checks docs * Rewrite Markdown tables into HTML * Redesign tables, redo their docs * Replace Open Iconic icons with custom Bootstrap icons * Redesign the docs navbar, add a subheader, redo the sidebar * Redesign docs homepage a bit * Simplify table style overrides for docs tables * Simplify docs typography for page titles and reading line length * Stub out icons page * Part of sidebar update, remove migration from nav.yml * Move toc CSS to separate partial * Change appearance of overview page * fix sidebar arrow direction * Add footer to docs layout * Update descriptions * Drop the .form-group class for margin utilities * Remove lingering form-group-margin-bottom var * improve footer spacing * add headings to range page * uncomment form range css * Rename .custom-range to .form-range * Drop unused docs var * Uncomment the comment * Remove unused variable * Fix radio image sizing * Reboot update: reset horizontal ul and ol padding * de-dupe IDs * tweak toc styles * nvm, fix dropdown versions stuff * remove sidebar nav toggle for now * broken html * fix more broken html, move css * scss linting * comment out broken helper docs * scope styles * scope styles * Fixes #25540 and fixes #26407 for v5 only * Update sidebar once more * Match new sidenav order * fix syntax error * Rename custom-file to form-file, update paths, update migration docs for previous changes in #28696 * rename back * fix size and alignment * rename that back too
2019-07-12Drop support for .form-control-plaintext inside .input-group (#28972)Shohei Yoshida1-1/+0
* Revert "Fix readonly-plain-text with button addon (#25871)" This reverts commit ff40e00323f9256d8dfb678d13b57bfb01ac7354. * Add migration comment
2019-05-28Clean input group flex basis (#28785)Shohei Yoshida1-4/+1
2019-05-10Remove non-existing .custom-file-label::after (#28757)Shohei Yoshida1-2/+1
2019-02-07Responsive font size implementation (#23816)Martijn Cuppens1-3/+3
2018-12-28Match input font size for `.input-group-text` (#27941)Martijn Cuppens1-1/+1
2018-12-14Remove redundant brackets (#27768)Martijn Cuppens1-1/+1
2018-11-22Fixed a fixed height issue of input-group size option (#27687)ysds1-2/+10
2018-11-17Support custom-select sizing in input-group (#27677)ysds1-0/+7
2018-11-13Keep input group & form label font size in sync with form control font size ↵Martijn Cuppens1-2/+2
(#27663)
2018-10-23Fix readonly-plain-text with button addon (#25871)Caíque de Castro Soares da Silva1-0/+1
Fixes #25870
2018-09-18Bring the focused button in input group to the front (#26910)ysds1-0/+4
2018-07-20#26912: fix custom file input z-indexMartijn Cuppens1-0/+5
2018-07-15Form control heights (#26820)Mark Otto1-2/+10
* 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-05-07Fix z-index target (#26361)ysds1-5/+7
2018-04-23Remove unnecessary resetting of left round (#26238)ysds1-2/+1
2018-02-11Fix border-radius on Browse button for custom file input inside input groups ↵Mark Otto1-2/+2
(#25356)
2018-01-13Add direct children selectors to avoid cascading styles into a menu form ↵ysds1-6/+6
(#25279)
2018-01-02Remove double borders for custom select and custom fileMartijn Cuppens1-1/+3
Fixes #25168
2017-12-31Textarea support for input groupsGijs Boddeus1-1/+2
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-30Apply of #25068 to input groupysds1-4/+4
2017-12-26Fix input group border radius issue (#25075) (#25076)ysds1-29/+19
* 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-23remove input group overrides since they're defaults nowMark Otto1-10/+0
2017-12-22Restyle code element, remove docs example overflow, improve docs examples ↵Mark Otto1-0/+13
(#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-22Rewrite input group component (#25020)Mark Otto1-139/+93
* 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-10-22Merge branch 'btn_input_split_variables' of ↵Mark Otto1-9/+9
https://github.com/isychev/bootstrap into isychev-btn_input_split_variables
2017-10-22Merge branch 'input-group-custom-forms' into v4-devMark Otto1-4/+27
2017-10-22Merge branch 'v4-dev' into btn_input_split_variablesMark Otto1-5/+5
2017-10-20Reduce z-indexes in button-group, input-group, list-group, and pagination to ↵rmacklin1-5/+5
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-19Add input group support for custom selects and custom filesMark Otto1-4/+27
Closes #24437, closes #22457
2017-10-19append btn-* and input-* variables and extends their from input-btn-* variablesi.sychev1-9/+9
2017-10-02Fix buttons that come after the input (input should be under the button)Mark Otto1-0/+6
2017-10-02First child of input group segmented buttons are off by -btn-border-widthPatrick Yeo1-0/+4
2017-10-02Switch to stylelint. (#23572)XhmikosR1-2/+2
2017-10-02Revert input group border changes (#24197)Mark Otto1-3/+0
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-02fixes input group btn height (#23810)Andres Galante1-1/+4
2017-10-01remove Dist fils as per suggestion (#23092)Chirag Modi1-1/+2
2017-08-12Remove `vertical-align: middle` from `.input-group-addon` and ↵Patrick Yeo1-1/+0
`.input-group-btn` left over from V3
2017-08-12Apply `align-items: center;` to `.input-group` instead of input group sub ↵Patrick Yeo1-4/+1
components, causes `.input-group .form-control` and `.input-group-addon` to be large when next to a tall element
2017-08-10Input Group Addon add option to configure `$input-group-addon-color`Patrick Yeo1-1/+1
2017-08-10Fix border on input group elements and custom form inputsNathan Woltman1-0/+3
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-03-28Revamp button and input vars while fixing #21587 (#22287)Mark Otto1-4/+5
2017-01-21fix segmented buttons (#21716)Gijs Boddeus1-4/+1
* 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-03clarify usage of base font-size so we know what's upMark Otto1-1/+1
2016-12-22Changed a word in a comment (#21399)Patrick Cameron1-1/+1
2016-12-21Flexbox all the time (Drop IE9 support and remove $enable-flex option) (#21389)Mark Otto1-39/+13
* 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-10-30Fix input group sizing in FirefoxCatalin Zalog1-1/+4
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-27property orderMark Otto1-1/+1
2016-10-27Ensure proper sizing of and alignment of content within input group addons ↵Mark Otto1-1/+14
and buttons Fixes #20927.
2016-10-19Use a variable for the default font weights. Fixes #20741Simon Bächler1-1/+1
Websites might use different weights such as medium or thin or use light as default weight instead of normal. Also referenced: #18605 and #16170.