Commits

Sachirou Inoue committed f4c9fed

Fix button style bug at confirm.aspx.

  • Participants
  • Parent commits 4e39634

Comments (0)

Files changed (7)

UserControl/confirm.aspx

             <div id="userFormError">
                 <asp:Label ID="LabelError" CssClass="error" runat="server" Text="" Visible="False"></asp:Label>
             </div>
-            <asp:Button ID="ButtonuserForm" runat="server" Text="OK" 
-                onclick="ButtonuserForm_Click" />
+            <asp:Button ID="ButtonUserForm" runat="server" Text="OK" 
+                onclick="ButtonUserForm_Click" />
         </div>
         <div id="footer">footer</div>
     </div>

UserControl/confirm.aspx.cs

             LabelAge.Text = ((uint)Session["UpdateAge"]).ToString();
         }
 
-        protected void ButtonuserForm_Click(object sender, EventArgs e)
+        protected void ButtonUserForm_Click(object sender, EventArgs e)
         {
             var users = new Users();
             string userID = (string)Session["UpdateUserID"];

UserControl/confirm.aspx.designer.cs

         protected global::System.Web.UI.WebControls.Label LabelError;
         
         /// <summary>
-        /// ButtonuserForm コントロール。
+        /// ButtonUserForm コントロール。
         /// </summary>
         /// <remarks>
         /// 自動生成されたフィールド。
         /// 変更するには、フィールドの宣言をデザイナ ファイルから分離コード ファイルに移動します。
         /// </remarks>
-        protected global::System.Web.UI.WebControls.Button ButtonuserForm;
+        protected global::System.Web.UI.WebControls.Button ButtonUserForm;
     }
 }

UserControl/style/loginForm.scss

 
   #loginFormError {}
 
-  #ButtonLogin {
-    bottom: 10px;
-    clear: both;
-    position: absolute;
-    right: 10px;
-  }
+  #ButtonLogin { @include formButton; }
 }

UserControl/style/style.min.css

-body{font-family:sans;font-size:10pt}form .error{box-shadow:1px 1px 2px black, 2px 2px 3px black !important;color:red;display:block !important;line-height:1.2em}#header{background:black;background:-webkit-gradient(linear, left top, left bottom, from(#000), to(#666));background:-moz-linear-gradient(top, #000, #666);background:-o-linear-gradient(top, #000, #666);background:linear-gradient(top, #000, #666);color:white;font-size:20px;line-height:50px;left:0;height:50px;position:fixed;text-align:center;top:0;width:100%;z-index:1000}#LabelNotification{background:-webkit-gradient(linear, left top, left bottom, from(#6cf), to(#28a));background:-moz-linear-gradient(top, #6cf, #28a);background:-o-linear-gradient(top, #6cf, #28a);background:linear-gradient(top, #6cf, #28a);background:#6cf;border-radius:6px;box-shadow:0 -1px 2px #fff;display:none;height:18px;left:50%;line-height:18px;margin-left:-400px;position:fixed;text-align:center;width:800px;z-index:1001}#main{position:relative;top:50px}#footer{clear:both;font-size:smaller;bottom:0;border-top:solid 1px gray;margin:10px;padding:10px;position:relative;text-align:right}#loginForm{box-shadow:0 0 1px black, 1px 1px 2px black;height:300px;margin:10px auto 0 auto;padding:10px;position:relative;width:400px}#loginForm .loginFormItem{clear:both;height:2em;width:100%}#loginForm .loginFormItem .loginFormItemName{float:left;width:4em}#loginForm .loginFormItem .loginFormItemInput{float:left}#loginForm #ButtonLogin{bottom:10px;clear:both;position:absolute;right:10px}#usersView{border-collapse:collapse;margin:0 auto;position:relative;width:800px}#usersView tr{height:18px}#usersView th,#usersView td{height:100%;line-height:18px;padding:0}#usersView td{border-top:1px solid #ccc}#usersView th:nth-child(2n-1),#usersView td:nth-child(2n-1){background:#cff}#usersView .usersViewOrder{color:black;text-decoration:none}#usersView .usersViewOrder:hover,#usersView .usersViewOrder:focus{color:#33f}#usersView .usersViewOrder:active{color:#f33}#usersViewSearch,#usersViewAdd{margin:10px auto;width:800px}#LabelPageNumbers{display:block;margin:10px auto 0 auto;position:relative;width:800px}#LabelPageNumbers .pageNumber{box-shadow:0 0 1px black;display:block;float:left;height:18px;line-height:18px;margin:3px;position:relative;text-align:center;width:18px}#LabelPageNumbers a.pageNumber{color:black;text-decoration:none}#LabelPageNumbers a.pageNumber:hover,#LabelPageNumbers a.pageNumber:focus{background:#ccc}#LabelPageNumbers a.pageNumber:active{background:#fcc}#LabelPageNumbers .currentPageNumber{background:#6cf}#userForm{box-shadow:0 0 1px black, 1px 1px 2px black;height:400px;margin:10px auto 0 auto;padding:10px;position:relative;width:600px}#userForm .userFormItem{clear:both;height:2em;margin:10px 0;width:100%}#userForm .userFormItem .userFormItemName{float:left;width:4em}#userForm .userFormItem .userFormItemInput{float:left}#userForm .userFormItem .userFormItemInput input{width:20em}#userForm #ButtonUserForm{bottom:10px;position:absolute;right:10px}
+body{font-family:sans;font-size:10pt}form .error{box-shadow:1px 1px 2px black, 2px 2px 3px black !important;color:red;display:block !important;line-height:1.2em}#header{background:black;background:-webkit-gradient(linear, left top, left bottom, from(#000), to(#666));background:-moz-linear-gradient(top, #000, #666);background:-o-linear-gradient(top, #000, #666);background:linear-gradient(top, #000, #666);color:white;font-size:20px;line-height:50px;left:0;height:50px;position:fixed;text-align:center;top:0;width:100%;z-index:1000}#LabelNotification{background:-webkit-gradient(linear, left top, left bottom, from(#6cf), to(#28a));background:-moz-linear-gradient(top, #6cf, #28a);background:-o-linear-gradient(top, #6cf, #28a);background:linear-gradient(top, #6cf, #28a);background:#6cf;border-radius:6px;box-shadow:0 -1px 2px #fff;display:none;height:18px;left:50%;line-height:18px;margin-left:-400px;position:fixed;text-align:center;width:800px;z-index:1001}#main{position:relative;top:50px}#footer{clear:both;font-size:smaller;bottom:0;border-top:solid 1px gray;margin:10px;padding:10px;position:relative;text-align:right}#loginForm{box-shadow:0 0 1px black, 1px 1px 2px black;height:300px;margin:10px auto 0 auto;padding:10px;position:relative;width:400px}#loginForm .loginFormItem{clear:both;height:2em;width:100%}#loginForm .loginFormItem .loginFormItemName{float:left;width:4em}#loginForm .loginFormItem .loginFormItemInput{float:left}#loginForm #ButtonLogin{bottom:10px;clear:both;position:absolute;right:10px}#usersView{border-collapse:collapse;margin:0 auto;position:relative;width:800px}#usersView tr{height:18px}#usersView th,#usersView td{height:100%;line-height:18px;padding:0}#usersView td{border-top:1px solid #ccc}#usersView th:nth-child(2n-1),#usersView td:nth-child(2n-1){background:#cff}#usersView .usersViewOrder{color:black;text-decoration:none}#usersView .usersViewOrder:hover,#usersView .usersViewOrder:focus{color:#33f}#usersView .usersViewOrder:active{color:#f33}#usersViewSearch,#usersViewAdd{margin:10px auto;width:800px}#LabelPageNumbers{display:block;margin:10px auto 0 auto;position:relative;width:800px}#LabelPageNumbers .pageNumber{box-shadow:0 0 1px black;display:block;float:left;height:18px;line-height:18px;margin:3px;position:relative;text-align:center;width:18px}#LabelPageNumbers a.pageNumber{color:black;text-decoration:none}#LabelPageNumbers a.pageNumber:hover,#LabelPageNumbers a.pageNumber:focus{background:#ccc}#LabelPageNumbers a.pageNumber:active{background:#fcc}#LabelPageNumbers .currentPageNumber{background:#6cf}#userForm{box-shadow:0 0 1px black, 1px 1px 2px black;height:400px;margin:10px auto 0 auto;padding:10px;position:relative;width:600px}#userForm .userFormItem{clear:both;height:2em;margin:10px 0;width:100%}#userForm .userFormItem .userFormItemName{float:left;width:4em}#userForm .userFormItem .userFormItemInput{float:left}#userForm .userFormItem .userFormItemInput input{width:20em}#userForm #ButtonUserForm{bottom:10px;clear:both;position:absolute;right:10px}

UserControl/style/style.scss

   background: linear-gradient($start, $from, $to);
 }
 
+@mixin formButton {
+  bottom: 10px;
+  clear: both;
+  position: absolute;
+  right: 10px;
+}
+
 body {
   font-family: sans;
   font-size: 10pt;

UserControl/style/userForm.scss

 
   #userFormError {}
 
-  #ButtonUserForm {
-    bottom: 10px;
-    position: absolute;
-    right: 10px;
-  }
+  #ButtonUserForm { @include formButton; }
 }