Diplomarbeit-Absolventenverein/oqtane.framework-not-mirrored
Archived
9
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

resolve issue with default Blazor theme

Browse Source
This commit is contained in:
sbwalker 2024-07-24 12:59:40 -04:00
parent 90f9c24720
commit ab52251116
3 changed files with 10 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
Oqtane.Client/Themes/BlazorTheme/Themes/Default.razor
View File

@ -11,14 +11,13 @@
<nav class="navbar"> <nav class="navbar">
<Logo /> <Logo />
<Menu Orientation="Vertical" /> <Menu Orientation="Vertical" />
<Search CssClass="px-3 d-none d-md-block" />
</nav> </nav>
</div> </div>
<div class="main g-0"> <div class="main g-0">
<div class="top-row px-4"> <div class="top-row px-4">
<div class="ms-auto"> <div class="ms-auto">
<Search CssClass="me-3 text-center bg-primary d-inline-block d-md-none" Position="Top" /> <Search CssClass="me-3 text-center d-inline-block" />
<UserProfile /> <UserProfile />
<Login /> <Login />
<ControlPanel LanguageDropdownAlignment="right" /> <ControlPanel LanguageDropdownAlignment="right" />

10
Oqtane.Server/wwwroot/Themes/Oqtane.Themes.BlazorTheme/Theme.css
View File

@ -129,9 +129,8 @@
display: none !important; display: none !important;
} }
.app-search input + button{ .app-search input + button {
position: initial; position: initial;
color: #fff;
padding-top: 7px; padding-top: 7px;
padding-bottom: 7px; padding-bottom: 7px;
} }
@ -139,6 +138,7 @@
.app-search:active, .app-search:hover { .app-search:active, .app-search:hover {
display: block; display: block;
position: fixed; position: fixed;
color: #fff;
top: 0; top: 0;
min-height: 60px; min-height: 60px;
width: 100%; width: 100%;
@ -147,18 +147,18 @@
border-radius: 0; border-radius: 0;
} }
.app-search:active .app-form-inline, .app-search:hover .app-form-inline{ .app-search:active .app-form-inline, .app-search:hover .app-form-inline {
margin: 10px auto; margin: 10px auto;
position: relative; position: relative;
display: block; display: block;
max-width: 80%; max-width: 80%;
} }
.app-search:active .app-form-inline input, .app-search:hover .app-form-inline input{ .app-search:active .app-form-inline input, .app-search:hover .app-form-inline input {
width: 100%; width: 100%;
display: block !important; display: block !important;
} }
.app-search:active .app-form-inline input + button, .app-search:hover .app-form-inline input + button{ .app-search:active .app-form-inline input + button, .app-search:hover .app-form-inline input + button {
position: absolute; position: absolute;
color: rgb(42, 159, 214); color: rgb(42, 159, 214);
padding-top: 6px; padding-top: 6px;

9
Oqtane.Server/wwwroot/Themes/Oqtane.Themes.OqtaneTheme/Theme.css
View File

@ -137,9 +137,8 @@ div.app-moduleactions a.dropdown-toggle, div.app-moduleactions div.dropdown-menu
display: none !important; display: none !important;
} }
.app-search input + button{ .app-search input + button {
position: initial; position: initial;
color: #fff;
padding-top: 7px; padding-top: 7px;
padding-bottom: 7px; padding-bottom: 7px;
} }
@ -155,18 +154,18 @@ div.app-moduleactions a.dropdown-toggle, div.app-moduleactions div.dropdown-menu
border-radius: 0; border-radius: 0;
} }
.app-search:active .app-form-inline, .app-search:hover .app-form-inline{ .app-search:active .app-form-inline, .app-search:hover .app-form-inline {
margin: 10px auto; margin: 10px auto;
position: relative; position: relative;
display: block; display: block;
max-width: 80%; max-width: 80%;
} }
.app-search:active .app-form-inline input, .app-search:hover .app-form-inline input{ .app-search:active .app-form-inline input, .app-search:hover .app-form-inline input {
width: 100%; width: 100%;
display: block !important; display: block !important;
} }
.app-search:active .app-form-inline input + button, .app-search:hover .app-form-inline input + button{ .app-search:active .app-form-inline input + button, .app-search:hover .app-form-inline input + button {
position: absolute; position: absolute;
color: rgb(42, 159, 214); color: rgb(42, 159, 214);
padding-top: 6px; padding-top: 6px;