github-mirror/framework
2
0
Fork 0
mirror of https://github.com/flarum/framework.git synced 2025-02-12 00:35:00 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix header contents moving when opening modal (#2131)

Browse Source 
* add navbar-fixed-top css class

* App-header position:fixed
This commit is contained in:
w-4 2020-05-24 01:41:54 +07:00 committed by GitHub
parent 12aad66049
commit c6fc8a8cd6
3 changed files with 3 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
framework/core/less/common/App.less
View File

@ -236,16 +236,12 @@
.App-header { .App-header {
padding: 8px; padding: 8px;
height: @header-height; height: @header-height;
position: absolute; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
right: 0; right: 0;
z-index: @zindex-header; z-index: @zindex-header;
.affix & {
position: fixed;
}
& when (@config-colored-header = true) { & when (@config-colored-header = true) {
.light-contents(@header-color, @header-control-bg, @header-control-color); .light-contents(@header-color, @header-control-bg, @header-control-color);
} }

2
framework/core/views/frontend/admin.blade.php
View File

@ -4,7 +4,7 @@
<div id="drawer" class="App-drawer"> <div id="drawer" class="App-drawer">
<header id="header" class="App-header"> <header id="header" class="App-header navbar-fixed-top">
<div id="header-navigation" class="Header-navigation"></div> <div id="header-navigation" class="Header-navigation"></div>
<div class="container"> <div class="container">
<h1 class="Header-title"> <h1 class="Header-title">

2
framework/core/views/frontend/forum.blade.php
View File

@ -6,7 +6,7 @@
<div id="drawer" class="App-drawer"> <div id="drawer" class="App-drawer">
<header id="header" class="App-header"> <header id="header" class="App-header navbar-fixed-top">
<div id="header-navigation" class="Header-navigation"></div> <div id="header-navigation" class="Header-navigation"></div>
<div class="container"> <div class="container">
<h1 class="Header-title"> <h1 class="Header-title">