github
/
nginxconfig.io
mirror of https://github.com/digitalocean/nginxconfig.io
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

responsive fixes

pull/32/head
Szekeres Bálint 2018-11-18 13:19:07 +01:00
parent ebf4210e6f
commit db61422446
3 changed files with 18 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
public/index.html
View File

@ -209,15 +209,19 @@
<label class="col-sm-3 col-form-label col-form-label-sm"> <label class="col-sm-3 col-form-label col-form-label-sm">
<span tooltips tooltip-template="HTTP Strict Transport Security is a web security policy mechanism which helps to protect websites against protocol downgrade attacks and cookie hijacking.">HSTS</span> <span tooltips tooltip-template="HTTP Strict Transport Security is a web security policy mechanism which helps to protect websites against protocol downgrade attacks and cookie hijacking.">HSTS</span>
</label> </label>
<div class="col-sm-9"> <div class="col-sm-3">
<div class="form-check" ng-class="{ 'input-changed': data.hsts !== defaultData.hsts }"> <div class="form-check" ng-class="{ 'input-changed': data.hsts !== defaultData.hsts }">
<input class="form-check-input" type="checkbox" id="hsts" ng-model="data.hsts"> <input class="form-check-input" type="checkbox" id="hsts" ng-model="data.hsts">
<label class="form-check-label" for="hsts">enabled</label> <label class="form-check-label" for="hsts">enabled</label>
</div> </div>
</div>
<div class="col-sm-3 small">
<div class="form-check" ng-if="isHSTS()" ng-class="{ 'input-changed': data.hsts_subdomains !== defaultData.hsts_subdomains }"> <div class="form-check" ng-if="isHSTS()" ng-class="{ 'input-changed': data.hsts_subdomains !== defaultData.hsts_subdomains }">
<input class="form-check-input" type="checkbox" id="hsts_subdomains" ng-model="data.hsts_subdomains"> <input class="form-check-input" type="checkbox" id="hsts_subdomains" ng-model="data.hsts_subdomains">
<label class="form-check-label" for="hsts_subdomains"><code>includeSubDomains</code></label> <label class="form-check-label" for="hsts_subdomains"><code>includeSubDomains</code></label>
</div> </div>
</div>
<div class="col-sm-3 small">
<div class="form-check" ng-if="isHSTSSubdomains()" ng-class="{ 'input-changed': data.hsts_preload !== defaultData.hsts_preload }"> <div class="form-check" ng-if="isHSTSSubdomains()" ng-class="{ 'input-changed': data.hsts_preload !== defaultData.hsts_preload }">
<input class="form-check-input" type="checkbox" id="hsts_preload" ng-model="data.hsts_preload"> <input class="form-check-input" type="checkbox" id="hsts_preload" ng-model="data.hsts_preload">
<label class="form-check-label" for="hsts_preload"><code>preload</code></label> <label class="form-check-label" for="hsts_preload"><code>preload</code></label>
@ -306,7 +310,7 @@
<label class="col-sm-3 col-form-label col-form-label-sm"> <label class="col-sm-3 col-form-label col-form-label-sm">
<span tooltips tooltip-template="DNS resolver for stapling">OCSP DNS resolvers</span> <span tooltips tooltip-template="DNS resolver for stapling">OCSP DNS resolvers</span>
</label> </label>
<div class="col-sm-9"> <div class="col-sm-9 small">
<div class="form-check" ng-class="{ 'input-changed': data.resolver_cloudflare !== defaultData.resolver_cloudflare }"> <div class="form-check" ng-class="{ 'input-changed': data.resolver_cloudflare !== defaultData.resolver_cloudflare }">
<input class="form-check-input" type="checkbox" id="resolver_cloudflare" ng-model="data.resolver_cloudflare"> <input class="form-check-input" type="checkbox" id="resolver_cloudflare" ng-model="data.resolver_cloudflare">
<label class="form-check-label" for="resolver_cloudflare">Cloudflare Resolver (<code>1.1.1.1, 1.0.0.1</code>)</label> <label class="form-check-label" for="resolver_cloudflare">Cloudflare Resolver (<code>1.1.1.1, 1.0.0.1</code>)</label>

11
resources/scss/_main.scss
View File

@ -119,6 +119,17 @@ section.tabs {
.form-group { .form-group {
margin-bottom: 0.25rem; margin-bottom: 0.25rem;
@include media-breakpoint-only(xs) {
margin-bottom: 0.5rem;
}
.col-form-label {
@include media-breakpoint-only(xs) {
font-weight: 700;
margin-bottom: -0.25rem;
}
}
.form-check { .form-check {
padding-top: 0.2rem; padding-top: 0.2rem;

2
resources/scss/vendor/_bootstrap.scss vendored
View File

@ -3,7 +3,7 @@
@import '../../../node_modules/bootstrap/scss/mixins'; @import '../../../node_modules/bootstrap/scss/mixins';
// @import '../../../node_modules/bootstrap/scss/root'; // @import '../../../node_modules/bootstrap/scss/root';
@import '../../../node_modules/bootstrap/scss/reboot'; @import '../../../node_modules/bootstrap/scss/reboot';
// @import '../../../node_modules/bootstrap/scss/type'; @import '../../../node_modules/bootstrap/scss/type';
// @import '../../../node_modules/bootstrap/scss/images'; // @import '../../../node_modules/bootstrap/scss/images';
@import '../../../node_modules/bootstrap/scss/code'; @import '../../../node_modules/bootstrap/scss/code';
@import '../../../node_modules/bootstrap/scss/grid'; @import '../../../node_modules/bootstrap/scss/grid';