[#246] [add] impl

Author: i4004

src/SampleApps/SampleApp.Classic/Styles/Forms.scss

@@ -14,30 +14,17 @@
 .form-control {
 	display: block;
 	width: 100%;
-	// height: 34px;
 	padding: 6px 12px;
 	font-size: 14px;
 	line-height: 1.42857143;
-	color: #555;
-	background-color: #fff;
-	background-image: none;
-	border: 1px solid #ccc;
-	border-radius: 4px;
-	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-	transition:
-		border-color ease-in-out 0.15s,
-		box-shadow ease-in-out 0.15s;
-	transition:
-		border-color ease-in-out 0.15s,
-		box-shadow ease-in-out 0.15s;
+	border-radius: 0px;
+	box-shadow: inset 0;
 }
 
 .form-control:focus {
 	border-color: #66afe9;
 	outline: 0;
-	box-shadow:
-		inset 0 1px 1px rgba(0, 0, 0, 0.075),
-		0 0 8px rgba(102, 175, 233, 0.6);
+	box-shadow: inset 0;
 }
 
 input[type="checkbox"],
@@ -102,9 +89,7 @@ input[type="color"]:focus,
 	background: $primary-color;
 	color: $primary-color-opposite;
 	border-color: $button-border;
-	box-shadow:
-		0px 1px 0px rgba(255, 255, 255, 0.2) inset,
-		0px 1px 2px rgba(0, 0, 0, 0.05);
+	box-shadow: 0;
 }
 
 .btn:hover {

src/SampleApps/SampleApp.Classic/Styles/Main.min.css

@@ -15,7 +15,6 @@ div.navbar {
 	ul {
 		margin: 0;
 		padding: 0;
-		// list-style: none;
 
 		li {
 			display: block;
@@ -42,4 +41,14 @@ div.navbar {
 	ul.navbar-right {
 		float: right;
 	}
+
+	.navbar-text {
+		display: block;
+		position: relative;
+
+		margin: 0;
+		padding: 15px 15px;
+
+		line-height: 20px;
+	}
 }

src/SampleApps/SampleApp.Classic/Styles/Navbar.scss

@@ -1,8 +1,5 @@
 @import "Variables";
 
-.panels-container {
-}
-
 .panel {
 	float: left;
 	width: 50%;
@@ -39,5 +36,4 @@
 	margin-right: auto;
 	padding-left: 15px;
 	padding-right: 15px;
-	// width: 750px;
 }

src/SampleApps/SampleApp.Classic/Styles/Panels.scss

@@ -1,13 +1,11 @@
 <div class="container" style="max-width: 400px">
-	<form class="form-horizontal" method="post" id="Form" data-bv-feedbackicons-valid="glyphicon glyphicon-ok"
-		data-bv-feedbackicons-invalid="glyphicon glyphicon-remove" data-bv-feedbackicons-validating="glyphicon glyphicon-refresh"
-		data-bv-submitbuttons='button[type="submit"]'>
+	<form class="form-horizontal" method="post" id="Form" data-bv-feedbackicons-valid="glyphicon glyphicon-ok" data-bv-feedbackicons-invalid="glyphicon glyphicon-remove"
+		data-bv-feedbackicons-validating="glyphicon glyphicon-refresh" data-bv-submitbuttons='button[type="submit"]'>
 		<div class="form-group">
 			{Message}
 		</div>
 		<div class="form-group">
-			<input type="text" class="form-control" name="UserName" placeholder="User name" value="{UserName}" required
-				data-bv-notempty-message="{UserNameNotEmptyMessage}" />
+			<input type="text" class="form-control" name="UserName" placeholder="User name" value="{UserName}" required data-bv-notempty-message="{UserNameNotEmptyMessage}" />
 		</div>
 		<div class="form-group">
 			<input type="Password" class="form-control" name="Password" placeholder="Password" required data-bv-notempty-message="{PasswordNotEmptyMessage}" />
@@ -20,7 +18,7 @@
 		</div>
 
 		<div class="form-group">
-			<button type="submit" class="btn btn-default">Login</button>
+			<button type="submit" class="btn">Login</button>
 		</div>
 	</form>
 </div>

src/SampleApps/SampleApp.Classic/Templates/Accounts/LoginPage.tpl

@@ -1,4 +1,5 @@
 <li><a href="{~}/profile">Profile</a></li>
-<li class="hidden-xs"><p class="navbar-text">Logged as: {UserName}</p></li>
-<li class="hidden-xs"><a href="{~}/logout">Logout</a></li>
-<li class="visible-xs-inline"><a href="{~}/logout">Logout ({UserName})</a></li>
+<li>
+	<p class="navbar-text">Logged as: {UserName}</p>
+</li>
+<li><a href="{~}/logout">Logout</a></li>