Kolpack-Software-Consulting/LeafWeb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add responsiveness to navbar logo and submit page

Browse Source
This commit is contained in:
James Kolpack
2019-12-08 22:21:18 -05:00
parent b52ae35976
commit 54daec0ebd
6 changed files with 60 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
WebCms/Content/bootstrap_leafweb.css
Vendored
+11
View File
@@ -7177,6 +7177,17 @@ a.text-dark:hover, a.text-dark:focus {
color: inherit;
border-color: #dee2e6; } }
.navbar-brand img {
width: 140px; }
@media (min-width: 768px) {
.navbar-brand img {
width: 175px; } }
@media (min-width: 992px) {
.navbar-brand img {
width: 205px; } }
/*
$bgDefault: $dark;
WebCms/Content/bootstrap_leafweb.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
WebCms/Content/bootstrap_leafweb.scss
Vendored
+14
View File
@@ -1,6 +1,20 @@
@import "bootstrap_variables_leafweb";
@import "bootstrap/bootstrap.scss";
.navbar-brand img {
width: 140px;
}
@include media-breakpoint-up(md) {
.navbar-brand img {
width: 175px;
}
}
@include media-breakpoint-up(lg) {
.navbar-brand img {
width: 205px;
}
}
/*
$bgDefault: $dark;
WebCms/Views/LeafInput/Create.cshtml
+31 -29
View File
@@ -19,38 +19,40 @@
<form id="fileupload" action="/Backload/FileHandler" method="POST" enctype="multipart/form-data">
<h4 class="card-title">Files</h4>
<!-- The fileupload-buttonbar contains buttons to add/delete files and start/cancel the upload -->
<div class="form-row fileupload-buttonbar">
<div class="form-group col">
<!-- The fileinput-button span is used to style the file input field as button -->
<span class="btn btn-sm btn-outline-secondary fileinput-button">
<i class="fa fa-plus"></i>
<span>Add files...</span>
<input type="file" name="files[]" multiple>
</span>
<!-- The global file processing state -->
<span class="fileupload-process"></span>
</div>
<div class="form-group col-sm-4 pull-right">
<span class="pull-right" style="margin-left: 10px"> Select all <input type="checkbox" class="toggle"></span>
<button type="button" class="btn btn-sm btn-outline-secondary delete pull-right">
<i class="fa fa-trash"></i>
<span>Delete</span>
</button>
</div>
<!-- The global progress state -->
<div class="col-md-12 fileupload-progress fade">
<!-- The global progress bar -->
<div class="progress progress-bar-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar bg-success" style="width: 0%;"></div>
<div class="container-fluid fileupload-buttonbar">
<div class="row">
<!-- The fileupload-buttonbar contains buttons to add/delete files and start/cancel the upload -->
<div class="col-auto mr-auto">
<!-- The fileinput-button span is used to style the file input field as button -->
<span class="btn btn-sm btn-outline-secondary fileinput-button">
<i class="fa fa-plus"></i>
<span>Add files...</span>
<input type="file" name="files[]" multiple>
</span>
<!-- The global file processing state -->
<span class="fileupload-process"></span>
</div>
<div class="col-auto">
<button type="button" class="btn btn-sm btn-outline-secondary delete">
<i class="fa fa-trash"></i>
<span>Delete</span>
</button>
<div class="form-check" style="margin-left: 10px; white-space: nowrap;">
<input class="form-check-input toggle" type="checkbox" name="selectCheck" id="selectCheck">
<label class="form-check-label" for="selectCheck">Select all</label>
</div>
</div>
<!-- The extended global progress state -->
@*<div class="progress-extended">&nbsp;</div>*@
</div>
</div>
<!-- The global progress state -->
<div class="row fileupload-progress fade">
<!-- The global progress bar -->
<div class="progress progress-bar-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar bg-success" style="width: 0%;"></div>
</div>
<!-- The extended global progress state -->
@*<div class="progress-extended">&nbsp;</div>*@
</div>
@Html.Partial("_ValidationField", "Files")
<!-- The table listing the files available for upload/download -->
<div class="table-responsive">
WebCms/Views/MacroPartials/BannerLink.cshtml
+2 -1
View File
@@ -4,8 +4,9 @@
var title = Model.MacroParameters["Title"];
var description = Model.MacroParameters["Description"];
var faicon = Model.MacroParameters["FaIcon"];
var url = new UmbracoHelper(UmbracoContext.Current).TypedContent(link).Url;
}
<a class="banner-link" href="@link">
<a class="banner-link" href="@url">
<h2>@title <span class="fa @faicon"></span></h2>
<p>@description</p>
</a>
WebCms/Views/Master.cshtml
+1 -1
View File
@@ -66,7 +66,7 @@
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand" href="@home.Url">
<img src="@(home.SiteLogo)" height="65" width="205" alt="LeafWeb"/>
<img src="@(home.SiteLogo)" class="img-fluid" alt="LeafWeb"/>
</a>
<button class="navbar-toggler" type="button"
data-toggle="collapse" data-target="#navbarSupportedContent"