diff --git a/public/assets/js/app.js b/public/assets/js/app.js index 1d52409..0a6b9ac 100644 --- a/public/assets/js/app.js +++ b/public/assets/js/app.js @@ -205,7 +205,7 @@ } for (var i in siteTabs) { - $scope.siteChanges[$scope.site][siteTabs[i]] = $window.document.querySelectorAll('section.tabs .tab-content.site-tab-content .tab-' + siteTabs[i] + ' .form-group:not(.disabled) .input-changed').length; + $scope.siteChanges[$scope.site][siteTabs[i]] = $window.document.querySelectorAll('section.tabs .tab-content.site-content .tab-' + siteTabs[i] + ' .form-group:not(.disabled) .input-changed').length; } for (var j in commonTabs) { @@ -1004,6 +1004,7 @@ // www $scope.data.sites[site].domain = $scope.data.sites[site].domain.replace(/^https?:\/\//, ''); $scope.data.sites[site].domain = $scope.data.sites[site].domain.replace(/\/.*$/, ''); + $scope.data.sites[site].domain = $scope.data.sites[site].domain.replace(' ', ''); if ($scope.data.sites[site].domain.match(/^www\./)) { $scope.data.sites[site].domain = $scope.data.sites[site].domain.replace(/^www./, ''); diff --git a/public/index.html b/public/index.html index 18de766..eff7943 100644 --- a/public/index.html +++ b/public/index.html @@ -17,10 +17,20 @@
-
+
+
+
Sites:
+ + +
+
+
Presets:
- +
-
- -
-
-
-
-
- - -
-
-
-
- - -
-
-
-
- - -
-
+
+
+
+
+ +
-
-
+
+
+ -
-
- - -
-
+
-
-
+
+
+ -
-
- - -
-
+
-
-
+
+
+ +
+
+ + -
-
- - -
-
-
-
+
+
+ +
+
+ + -
-
-
-
IPv4
-
- -
+
+
+
+
+ +
+
+ + +
+
+
+
+ +
+
+
+
IPv4
-
-
-
-
IPv6
-
- -
+ +
+
+
+
+
+
IPv6
+
+ +
+
+
+
+
+
+ +
+
+ + +
+
+
+
+ +
+
+ + +
+
+
+
+ +
+
+ + +
+
+
+
+ +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+
+ Certification type +
+
+ + +
+
+ +
-
-
- -
-
- - -
-
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+
+
+ +
+
+ +
-
- -
-
- - -
-
+
+
+
+ +
+
+ +
-
- -
-
- - -
-
+
+
+
+ +
+
+ +
-
- -
-
- - -
-
- - -
-
- - -
-
+
+
+
+ +
+
+ +
-
-
- Certification type -
-
- - -
-
- - -
-
-
-
-
- -
- -
+
+
+
+
+
+ +
+
+ +
-
- -
- -
+
+
+
+ +
+
+ +
-
- -
- +
+
+
+
+
+ +
+
+ + +
+
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+
+
+ +
+
+ + +
+
+
+
+
+ + index + +
+
+ + +
+
+ +
-
-
- -
-
- - -
+
+
+
+ + Fallback routing + +
+
+ +
-
-
- -
-
- - -
-
-
-
- -
-
- - -
-
-
-
- -
-
- - -
+
+ +
-
-
- -
-
- - -
-
-
-
- -
-
- - -
-
+
+
+ +
+ +
+
+
+ +
+
+ +
-
-
- -
-
- - -
-
-
-
- -
- -
-
-
- -
- -
+
+
+
+
+ +
+
+ +
-
-
- -
-
- - -
-
-
-
-
- - index - -
-
- - -
-
- - -
-
-
-
-
-
- - Fallback routing - -
-
- - -
-
- - -
-
-
-
-
- -
- -
-
-
- -
-
- - -
-
-
-
-
-
- -
-
- - -
-
-
-
- -
-
- - -
-
+
+
+ +
+
+ +
-
  • - Common: + Global:
  • HTTPS({{ commonChanges['https'] }}) diff --git a/resources/scss/_header.scss b/resources/scss/_header.scss index 08e6dc9..48b8a65 100644 --- a/resources/scss/_header.scss +++ b/resources/scss/_header.scss @@ -1,6 +1,6 @@ header { background-color: #000; - padding: 0.5rem 0 0.25rem; + padding: 0.5rem 0; text-align: center; margin-bottom: 0.5rem; color: #fff; @@ -8,37 +8,79 @@ header { .logo { height: 3rem; - margin: 0.5rem 0 0.3rem; + margin-bottom: 0.5rem; } + .sites { + @include media-breakpoint-up(lg) { + margin-top: -1rem; + } + } + + .sites, .presets { - margin-bottom: 0.3rem; - line-height: 1.8rem; + font-size: 0; + text-align: center; - .btn-outline-light { - border-color: #999; + @include media-breakpoint-up(lg) { + text-align: left; + } + } - &.active, - &:hover { - background-color: #fff; - border-color: #fff; + .title { + color: #eee; + font-size: 0.9rem; + font-style: italic; + vertical-align: -5px; + margin-right: 4px; + text-align: center; - svg { - path { - fill: #000; - } - } - } + @include media-breakpoint-up(lg) { + display: inline-block; + width: 60px; + } + } + + .btn-outline-light { + box-shadow: none !important; + border-color: #999; + margin: 0 3px 4px; + + &.active, + &:hover { + background-color: #fff; + border-color: #fff; svg { - height: 1.1rem; - vertical-align: text-bottom; - path { - fill: #ddd; - transition: fill 0.15s ease-in-out; + fill: #000; } } } + + svg { + height: 1.1rem; + vertical-align: text-bottom; + + path { + fill: #ddd; + transition: fill 0.15s ease-in-out; + } + } + + small { + margin-left: 0.2rem; + font-weight: 700; + vertical-align: 1px; + } + + .close { + float: none; + vertical-align: -2px; + color: #666; + line-height: 0; + margin-right: -0.3rem; + font-size: 1.3rem; + } } } diff --git a/resources/scss/_main.scss b/resources/scss/_main.scss index 7a2b0a8..4184702 100644 --- a/resources/scss/_main.scss +++ b/resources/scss/_main.scss @@ -10,6 +10,7 @@ section.tabs { margin-bottom: 1rem; .sites { + position: relative; margin-bottom: 1rem; } @@ -35,25 +36,13 @@ section.tabs { } } - &.nav-site { - .nav-item { - .nav-link { - &.changed { - font-weight: normal; - } - - &.active { - font-weight: 700; - } - } - } - } - &.nav-site-tab { .nav-item { .nav-link { &:hover { - background-color: #f8f8f8; + @include media-breakpoint-up(xl) { + background-color: #f8f8f8; + } } &.active { @@ -149,7 +138,7 @@ section.tabs { } } .tab-content { - padding: 0.5rem 0.75rem; + padding: 0.5rem 0.75rem 0.25rem; border-left: 1px solid #dee2e6; border-right: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6; @@ -157,10 +146,6 @@ section.tabs { border-bottom-left-radius: 0.25rem; &.site-content { - padding-bottom: 0.75rem; - } - - &.site-tab-content { background-color: #f8f8f8; .form-group {