Skip to content
GitLab
Projects Groups Snippets
  • /
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
  • B bootstrap
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 263
    • Issues 263
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 114
    • Merge requests 114
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Packages and registries
    • Packages and registries
    • Package Registry
    • Infrastructure Registry
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Bootstrap
  • bootstrap
  • Issues
  • #31435
Closed
Open
Issue created Aug 05, 2020 by Administrator@rootContributor

Flex layout broken with Version 4.5.1

Created by: MBurchard

The reduced Layout is that...

<div class="h-100">
	<div class="container-fluid h-100 d-flex flex-column">
		<div class="row justify-content-between header">
			<div class="col-sm-9">
				<h3>Customer Identity Management Portal</h3>
			</div>
		</div>
		<div class="row flex-grow-1" style="overflow-y: auto;">
			content area
		</div>
	</div>
</div>
html, body {
	height: 100%;
}

.header {
	background-color: #0078dc;
	box-shadow: 0 6.4px 14.4px 0 rgba(0, 0, 0, .132), 0 1.2px 3.6px 0 rgba(0, 0, 0, .108);
	color: #fff;
	height: 42px;
}

Under Linux Mint with Firefox 79 and Vivaldi 3.1.1929.48 the layout changes between 4.5.0 and 4.5.1. I have not tested it with another OS.

grafik

grafik

With 4.5.1 the small bar at the top has the height of the full screen and scrollbar appears.

Assignee
Assign to
Time tracking