huahaofeng
/
aspnetcore
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[Templates] Imports and CSS tweaks for forms/validation (#7914) 

* Add Microsoft.AspNetCore.Components.Forms to default Components imports

* Add default validation CSS rules in Components/Blazor templates

* Add default validation CSS styles to Components testassets projects
This commit is contained in:
Steve Sanderson 2019-02-25 21:50:12 +00:00 committed by GitHub
parent 61098b6680
commit 87f4ca7299
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
9 changed files with 66 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/Components/Blazor/Templates/src/content/BlazorHosted-CSharp/BlazorHosted-CSharp.Client/_ViewImports.cshtml
View File

@ -1,4 +1,5 @@
@using System.Net.Http
@using Microsoft.AspNetCore.Components.Forms
@using Microsoft.AspNetCore.Components.Layouts
@using Microsoft.AspNetCore.Components.Routing
@using Microsoft.JSInterop

12
src/Components/Blazor/Templates/src/content/BlazorHosted-CSharp/BlazorHosted-CSharp.Client/wwwroot/css/site.css
View File

@ -84,6 +84,18 @@ app {
background-color: rgba(255, 255, 255, 0.1);
}
.valid.modified:not([type=checkbox]) {
outline: 1px solid #26b050;
}
.invalid {
outline: 1px solid red;
}
.validation-message {
color: red;
}
@media (max-width: 767.98px) {
.main .top-row {
display: none;

1
src/Components/Blazor/Templates/src/content/BlazorStandalone-CSharp/_ViewImports.cshtml
View File

@ -1,4 +1,5 @@
@using System.Net.Http
@using Microsoft.AspNetCore.Components.Forms
@using Microsoft.AspNetCore.Components.Layouts
@using Microsoft.AspNetCore.Components.Routing
@using Microsoft.JSInterop

12
src/Components/Blazor/Templates/src/content/BlazorStandalone-CSharp/wwwroot/css/site.css
View File

@ -84,6 +84,18 @@ app {
background-color: rgba(255, 255, 255, 0.1);
}
.valid.modified:not([type=checkbox]) {
outline: 1px solid #26b050;
}
.invalid {
outline: 1px solid red;
}
.validation-message {
color: red;
}
@media (max-width: 767.98px) {
.main .top-row {
display: none;

12
src/Components/Blazor/testassets/StandaloneApp/wwwroot/css/site.css
View File

@ -84,6 +84,18 @@ app {
background-color: rgba(255, 255, 255, 0.1);
}
.valid.modified:not([type=checkbox]) {
outline: 1px solid #26b050;
}
.invalid {
outline: 1px solid red;
}
.validation-message {
color: red;
}
@media (max-width: 767.98px) {
.main .top-row {
display: none;

6
src/Components/test/testassets/BasicTestApp/wwwroot/style.css
View File

@ -1,9 +1,9 @@
.modified.valid {
box-shadow: 0px 0px 0px 2px rgb(78, 203, 37);
.valid.modified:not([type=checkbox]) {
outline: 1px solid #26b050;
}
.invalid {
box-shadow: 0px 0px 0px 2px rgb(255, 0, 0);
outline: 1px solid red;
}
.validation-message {

12
src/Components/test/testassets/ComponentsApp.Server/wwwroot/css/site.css
View File

@ -84,6 +84,18 @@ app {
background-color: rgba(255, 255, 255, 0.1);
}
.valid.modified:not([type=checkbox]) {
outline: 1px solid #26b050;
}
.invalid {
outline: 1px solid red;
}
.validation-message {
color: red;
}
@media (max-width: 767.98px) {
.main .top-row {
display: none;

1
src/ProjectTemplates/Web.ProjectTemplates/content/RazorComponentsWeb-CSharp/Components/_ViewImports.cshtml
View File

@ -1,4 +1,5 @@
@using System.Net.Http
@using Microsoft.AspNetCore.Components.Forms
@using Microsoft.AspNetCore.Components.Layouts
@using Microsoft.AspNetCore.Components.Routing
@using Microsoft.JSInterop

12
src/ProjectTemplates/Web.ProjectTemplates/content/RazorComponentsWeb-CSharp/wwwroot/css/site.css
View File

@ -84,6 +84,18 @@ app {
background-color: rgba(255, 255, 255, 0.1);
}
.valid.modified:not([type=checkbox]) {
outline: 1px solid #26b050;
}
.invalid {
outline: 1px solid red;
}
.validation-message {
color: red;
}
@media (max-width: 767.98px) {
.main .top-row {
display: none;