ログイン画面をスマートフォンに対応した fix baserproject#1387

app/webroot/theme/admin-third/Layouts/admin/default.php

@@ -22,6 +22,7 @@
 		<meta charset="UTF-8">
 		<meta name="robots" content="noindex,nofollow" />
 		<?php $this->BcBaser->title() ?>
+		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
 		<?php
 		$this->BcBaser->css([
       		'../js/admin/vendors/bootstrap-4.1.3/bootstrap.min',

app/webroot/theme/admin-third/Users/admin/reset_password.php

@@ -28,7 +28,7 @@
 		<?php echo $this->BcForm->create($userModel, ['url' => ['action' => 'reset_password', $this->request->params['prefix'] => true]]) ?>
 	<?php endif ?>
 	<div class="submit">
-		<?php echo $this->BcForm->input($userModel . '.email', array('type' => 'text', 'size' => 60)) ?>
+		<?php echo $this->BcForm->input($userModel . '.email', array('type' => 'text', 'size' => 34)) ?>
 		<?php echo $this->BcForm->submit(__d('baser', '送信'), array('div' => false, 'class' => 'btn-red button bca-btn', 'data-bca-btn-status' => 'warning')) ?>
 	</div>
 	<?php echo $this->BcForm->end() ?>

app/webroot/theme/admin-third/__assets/css/base/_general.scss

@@ -23,6 +23,10 @@ body {
   min-width: 960px; // old
   height: 100%; // old
   line-height: 1.15; // normalize.css for bootstrap4の上書き防止
+  background-color: $color_footer;
+  @include mq(sp) {
+  	min-width: auto;
+  }
 }
 
 body * {

app/webroot/theme/admin-third/__assets/css/base/_mixin.scss

@@ -0,0 +1,26 @@
+$smallRange: 768px;
+$mediumRange: 768px;
+$largeRange: 1000px;
+$mediumRangeForModal: 1110px;
+@mixin mq($media) {
+    @if $media == sp {
+        @media screen and (max-width: #{$smallRange}) {
+            @content;
+        }
+    }
+    @if $media == md {
+        @media screen and (max-width: #{$mediumRange}) {
+            @content;
+        }
+    }
+    @if $media == pc {
+        @media screen and (max-width: #{$largeRange}) {
+            @content;
+        }
+    }
+    @if $media == spModal {
+        @media screen and (max-width: #{$mediumRangeForModal}) {
+            @content;
+        }
+    }
+}

app/webroot/theme/admin-third/__assets/css/components/_app.scss

@@ -2,6 +2,9 @@
   display: grid;
   min-height: 100vh;
   grid-template-rows: auto 1fr auto;
+  @include mq(sp) {
+  	display: block;
+  }
   .bca-header {
 
   }
@@ -11,4 +14,4 @@
   .bca-footer {
 
   }
-}
+}

app/webroot/theme/admin-third/__assets/css/components/_footer.scss

@@ -100,6 +100,9 @@
     min-width: 960px;
     padding-top: 37px;
     padding-bottom: 15px;
+    @include mq(sp) {
+    	min-width: auto;
+    }
   }
 
   // ログイン前

app/webroot/theme/admin-third/__assets/css/components/_login.scss

@@ -17,7 +17,9 @@
   border-radius: 5px;
   background: $color_lightest;
   font-size: 1.4rem;
-
+  @include mq(sp) {
+  	max-width: none!important;
+  }
   &__title {
     margin-top: 0;
     margin-bottom: 40px;
@@ -100,4 +102,4 @@
       background: none;
     }
   }
-}
+}

app/webroot/theme/admin-third/__assets/css/components/_main.scss

@@ -22,6 +22,9 @@
     margin: 20px;
     background-color: $color_background_secondary;
     border: 1px solid $color_main_contents_border_color;
+    @include mq(sp) {
+    	margin:0;
+    }
   }
   &__header {
     padding: 10px 20px;

app/webroot/theme/admin-third/__assets/css/style.scss

@@ -2,6 +2,7 @@
 
 @import "../node_modules/normalize.css/normalize";
 
+@import "base/mixin";
 @import 'theme/var/colors';
 @import 'theme/var/dimensions';
 @import 'theme/var/icons';

app/webroot/theme/admin-third/__assets/css/theme/_unknown.scss

@@ -273,6 +273,9 @@
 #CreditScrollerInner {
   width: 600px;
   margin: 0 auto;
+  @include mq(sp) {
+  	width:100%;
+  }
 }
 
 /* WidgetSetting
@@ -782,4 +785,4 @@
   content: "";
   display: block;
   clear: both;
-}
+}