Merge pull request #173 from EC-CUBE/dev

修正反映

assets/scss/component/1.2.typo.scss

@@ -248,10 +248,8 @@ Styleguide 1.2.9
 テキストの下に余白を追加することができます。 .ec-para-nomalで16pxの余白をつけることができます。
 
 Markup:
-p.para-big 万一、ご確認メールが届かない場合は、トラブルの可能性もありますので大変お手数ではございますがもう一度お問い合わせいただくか、お電話にてお問い合わせくださいませ。
-p.para-large 万一、ご確認メールが届かない場合は、トラブルの可能性もありますので大変お手数ではございますがもう一度お問い合わせいただくか、お電話にてお問い合わせくださいませ。
-p.para-small 万一、ご確認メールが届かない場合は、トラブルの可能性もありますので大変お手数ではございますがもう一度お問い合わせいただくか、お電話にてお問い合わせくださいませ。
-p.para-exsmall 万一、ご確認メールが届かない場合は、トラブルの可能性もありますので大変お手数ではございますがもう一度お問い合わせいただくか、お電話にてお問い合わせくださいませ。
+p.ec-para-nomal 万一、ご確認メールが届かない場合は、トラブルの可能性もありますので大変お手数ではございますがもう一度お問い合わせいただくか、お電話にてお問い合わせくださいませ。
+p.ec-para-nomal 万一、ご確認メールが届かない場合は、トラブルの可能性もありますので大変お手数ではございますがもう一度お問い合わせいただくか、お電話にてお問い合わせくださいませ。
 
 Styleguide 1.2.10
 */

assets/scss/component/2.3.otherbutton.scss

@@ -1,4 +1,5 @@
 @import "../mixins/variables";
+@import "../mixins/media";
 @import "../mixins/btn";
 
 /*

assets/scss/component/3.1.inputText.scss

@@ -43,6 +43,10 @@ Styleguide 3.1.1
       margin-bottom: 16px;
     }
   }
+  textarea {
+    height: auto;
+    min-height: 100px;
+  }
   p {
     line-height: 1.4;
   }

assets/scss/component/6.1.login.scss

@@ -35,7 +35,7 @@ Styleguide 6.1.1
   box-sizing: border-box;
   @include media_desktop {
     margin: 0 16px;
-    height: 430px;
+    padding: 30px 13% 60px;
   }
   & &__icon {
     text-align: center;
@@ -70,11 +70,7 @@ Styleguide 6.1.1
   }
   .ec-errorMessage {
     color: $clrRed;
-  }
-}
-.ec-login.error {
-  @include media_desktop {
-    height: 500px;
+    margin-bottom: 20px;
   }
 }
 
@@ -101,7 +97,7 @@ Styleguide 6.1.2
   background: #F3F4F4;
 
   @include media_desktop {
-    height: 430px;
+    height: 100%;
     margin: 0 16px;
   }
   & &__inner{

assets/scss/component/7.3.cart.scss

@@ -387,6 +387,7 @@ Styleguide 7.3.8
 .ec-totalBox{
   background:#F3F3F3;
   padding: 16px;
+  margin-bottom: 16px;
   & &__spec{
     position: relative;
     margin-bottom:8px;
@@ -409,8 +410,8 @@ Styleguide 7.3.8
     }
   }
   & &__total{
-    padding: 8px 0;
     border-top: 1px dotted #ccc;
+    padding: 8px 0;
     text-align: right;
     font-size: 14px;
     font-weight:bold;

assets/scss/mixins/_animation.scss

@@ -31,12 +31,10 @@
   display: $display;
   opacity: 1;
   visibility: visible;
-  //transition: opacity $time;
   animation: fadeIn $time linear 0s;
 }
 @mixin fadeOut($time:150ms) {
   opacity: 0;
   visibility:hidden;
-  //transition: opacity $time;
   animation: fadeOut $time linear 0s;
 }

assets/scss/project/11.1.role.scss

@@ -36,6 +36,7 @@ Styleguide 11.1.2
   .ec-pageHeader h1{
     @include media_desktop {
       margin: 10px 0 48px;
+      padding: 8px 0 18px;
     }
   }
 

assets/scss/project/11.2.header.scss

@@ -601,13 +601,14 @@ Styleguide 11.2.6
   background: transparent;
   transform: translateX(0);
   transition: all .3s;
-  @include fadeOut();
+  visibility:hidden;
 }
 .have_curtain .ec-overlayRole {
+  display: block;
   opacity: 1;
   background: rgba(0,0,0, 0.5);
   transform: translateX(-260px);
   transition: all .3s;
-  @include fadeIn();
+  visibility: visible;
 }
 

assets/scss/project/15.1.cart.scss

@@ -30,6 +30,14 @@ Styleguide 15.1
     width: 100%;
     text-align: center;
   }
+  & &__error{
+    width: 100%;
+    text-align: center;
+    .ec-alert-warning {
+      max-width: 80%;
+      display: inline-block;
+    }
+  }
   & &__totalText{
     margin-bottom: 0;
     padding: 16px 0 6px;
@@ -268,6 +276,7 @@ Styleguide 15.1.4
       text-align: center;
       background: #fff;
 
+
       .ec-cartRow__amountUpButton__icon {
         img {
           display: block;
@@ -308,6 +317,11 @@ Styleguide 15.1.4
         }
       }
     }
+
+    .ec-cartRow__amountDownButtonDisabled {
+      @extend .ec-cartRow__amountDownButton;
+      cursor: default;
+    }
   }
   & &__subtotalColumn{
     display: none;
@@ -318,7 +332,38 @@ Styleguide 15.1.4
       display: table-cell;
     }
   }
+}
 
+/*
+カート内商品(商品が１の場合)
+
+商品が１の場合はカート商品を減らす「-」ボタンの無効化状態になります。
+
+ex [カートページ　テーブル部分](http://demo3.ec-cube.net/cart)
+
+(カート内に商品がある状態でアクセス)
+
+Markup:
+include /assets/tmpl/elements/15.1.cart.pug
+.ec-cartTable
+  +ec-cartRowOnly
+
+sg-wrapper:
+<div class="ec-cartRole">
+  <sg-wrapper-content/>
+</div>
+
+
+Styleguide 15.1.5
+*/
+
+.ec-cartRow{
+  & &__amountColumn{
+    .ec-cartRow__amountDownButtonDisabled {
+      @extend .ec-cartRow__amountDownButton;
+      cursor: default;
+    }
+  }
 }
 
 /*
@@ -336,7 +381,7 @@ include /assets/tmpl/elements/15.1.cart.pug
   .ec-cartRole__cart
     +ec-alert-warning
 
-Styleguide 15.1.5
+Styleguide 15.1.6
 */
 
 .ec-alert-warning {
@@ -349,12 +394,12 @@ Styleguide 15.1.5
 
   & &__icon {
     display: inline-block;
+    margin-right: 1rem;
     width: 20px;
     height: 20px;
     color: #fff;
     fill: #fff;
-    position: absolute;
-    left: -30px;
+    vertical-align: top;
   }
   & &__text {
     display: inline-block;
@@ -383,5 +428,5 @@ include /assets/tmpl/elements/15.1.cart.pug
         .ec-off3Grid__cell
             +ec-alert-warningEnpty
 
-Styleguide 15.1.6
+Styleguide 15.1.7
 */

assets/scss/project/15.2.order.scss

@@ -36,9 +36,15 @@ Styleguide 15.2
   }
   & &__summary{
     width: 100%;
+    .ec-inlineBtn {
+      display: inline-block;
+    }
     @include media_desktop {
       width: 33.33333%;
       padding: 0 16px;
+      .ec-inlineBtn {
+        display: none;
+      }
     }
   }
   .ec-borderedList {
@@ -294,5 +300,4 @@ Styleguide 15.2.6
       margin-bottom: 8px;
     }
   }
-}
-
+}

assets/scss/project/16.1.history.scss

@@ -16,14 +16,13 @@ include /assets/tmpl/elements/16.1.history.pug
 Styleguide 16.1
 */
 .ec-historyRole{
-  @include container;
-
   & &__contents{
     padding-top: 1em;
     padding-bottom: 16px;
     border-top: 1px solid #ccc;
     display: flex;
     flex-direction: column;
+    color: #525263;
     @include media_desktop {
       flex-direction: row;
     }
@@ -41,12 +40,56 @@ Styleguide 16.1
     .ec-imageGrid:nth-of-type(1) {
       border-top: none;
     }
+
+    .ec-historyRole__detailTitle {
+      margin-bottom: 8px;
+      font-size: 1.6rem;
+      font-weight: bold;
+    }
+
+    .ec-historyRole__detailPrice {
+      margin-bottom: 8px;
+      font-size: 1.6rem;
+      font-weight: bold;
+    }
+
     @include media_desktop {
       width: 66.6666%;
       border-top: none;
     }
   }
+}
+
+/*
+注文履歴一覧 規格
+
+マイページ 注文履歴内アイテムの規格を定義します。
 
+ex [マイページ　注文履歴一覧](http://demo3.ec-cube.net/mypage)
+(要ログイン)
+
+Markup:
+include /assets/tmpl/elements/16.1.history.pug
++ec-historyRole-option
+
+Styleguide 16.1.1
+*/
+
+.ec-historyRole{
+  & &__detail {
+    .ec-historyRole__detailOption {
+      display: inline-block;
+      margin-bottom: 8px;
+      margin-right: .5rem;
+      font-size: 1.6rem;
+    }
+    .ec-historyRole__detailOption::after {
+      display: inline-block;
+      padding-left: .5rem;
+      content: "/";
+      font-weight: bold;
+    }
+  }
 }
 
 /*
@@ -60,9 +103,12 @@ ex [マイページ　注文履歴一覧ヘッダ](http://demo3.ec-cube.net/mypa
 Markup:
 include /assets/tmpl/elements/16.1.history.pug
 +ec-historyHeader
+p hofe
 
-Styleguide 16.1.1
+Styleguide 16.1.2
 */
+
+
 .ec-historyListHeader{
   & &__date{
     font-weight: bold;
@@ -82,5 +128,4 @@ Styleguide 16.1.1
       }
     }
   }
-}
-
+}

assets/scss/project/16.2.historyDetail.scss

@@ -1,4 +1,5 @@
 @import "../mixins/projects";
+@import "../mixins/media";
 
 /*
 注文履歴詳細
@@ -41,6 +42,14 @@ Styleguide 16.2.5
   & &__body{
     display: none;
   }
+  .ec-inlineBtn {
+    display: none;
+    @include media_desktop {
+      display: inline-block;
+    }
+
+  }
+
 }