Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commit0c4120c

Browse files
committed
complete style changes
1 parent8b4f2df commit0c4120c

File tree

14 files changed

+79
-41
lines changed

14 files changed

+79
-41
lines changed

‎AspNetCoreIdentity/ClientApp/app/components/app/app.component.css‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,8 +13,17 @@
1313

1414
.navbar-default .navbar-nav>li>a {
1515
color:#3884FE!important;
16+
font-size:16px;
17+
font-family: Content-font, Roboto, sans-serif;
18+
font-weight:600;
1619
}
1720

1821
.container-fluid.content {
1922
margin-top:50px;
23+
}
24+
25+
@media (max-width:768px) {
26+
.navbar-default {
27+
display: none;
28+
}
2029
}

‎AspNetCoreIdentity/ClientApp/app/components/app/app.component.html‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -8,19 +8,19 @@
88
<spanclass="icon-bar"></span>
99
<spanclass="icon-bar"></span>
1010
</button>
11-
<ahref="#"class="navbar-brand">
11+
<ahref="https://chsakell.com/"target="_blank"class="navbar-brand">
1212
chsakell's Blog
1313
</a>
1414
</div>
1515
<!-- Collection of nav links and other content for toggling -->
1616
<divid="navbarCollapse"class="collapse navbar-collapse"data-toggle="collapse"data-target="#navbarCollapse">
1717
<ulclass="nav navbar-nav">
18-
<li><ahref="#">GitHub</a></li>
19-
<li><ahref="#">Twitter</a></li>
20-
<li><ahref="#">Facebook</a></li>
18+
<li><ahref="https://github.com/chsakell"target="_blank">GitHub</a></li>
19+
<li><ahref="https://twitter.com/chsakellsblog"target="_blank">Twitter</a></li>
20+
<li><ahref="https://www.facebook.com/chsakells.blog/"target="_blank">Facebook</a></li>
2121
</ul>
2222
<ulclass="nav navbar-nav navbar-right">
23-
<li><ahref="#">Source-code</a></li>
23+
<li><ahref="https://github.com/chsakell/aspnet-core-identity"target="_blank">Source-code</a></li>
2424
</ul>
2525
</div>
2626
</div>

‎AspNetCoreIdentity/ClientApp/app/components/manage-account/reset-authenticator.component.css‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@
77

88
.validVerificationCode {
99
margin-right:5px;
10-
color:lightgreen;
10+
color:#3884FE;
1111
cursor: pointer;
12+
font-weight:600;
1213
}

‎AspNetCoreIdentity/ClientApp/app/components/manage-account/setup-authenticator.component.css‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,7 @@
1313

1414
.validVerificationCode {
1515
margin-right:5px;
16-
color:lightgreen;
16+
color:#3884FE;
1717
cursor: pointer;
18+
font-weight:600;
1819
}

‎AspNetCoreIdentity/ClientApp/app/components/manage-account/setup-authenticator.component.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<divclass="col-sm-6 col-sm-offset-3"style="margin-bottom:20px"*ngIf="!displayAuthenticator">
22
<buttontype="button"(click)="setupAuthenticator()"class="form-control btn">
3-
<span>{{(accountDetails.hasAuthenticator && !accountDetails.twoFactorEnabled) === true ? "Re-enable 2FA" : "Setup authenticator"}}</span>
3+
<span>{{(accountDetails.hasAuthenticator && !accountDetails.twoFactorEnabled) === true ? "Enable 2FA" : "Setup authenticator"}}</span>
44
</button>
55
</div>
66
<divclass="col-sm-6 col-sm-offset-3"style="margin-bottom: 20px"*ngIf="!displayAuthenticator && accountDetails.twoFactorEnabled">

‎AspNetCoreIdentity/ClientApp/app/components/navmenu/navmenu.component.css‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -77,3 +77,20 @@ li.link-active a:focus {
7777
text-overflow: ellipsis;
7878
}
7979
}
80+
81+
@media (max-width:768px) {
82+
/* On small screens, convert the nav menu to a vertical sidebar */
83+
.main-nav {
84+
z-index:5;
85+
}
86+
87+
.navbar-inverse {
88+
box-shadow:03px8px0rgba(116,129,141,0.1);
89+
border-bottom:1px solid#d4dadf;
90+
background-color:#FFFFFF;
91+
}
92+
93+
.navbar-inverse .navbar-toggle {
94+
background-color:#3884FE;
95+
}
96+
}

‎AspNetCoreIdentity/ClientApp/app/components/navmenu/navmenu.component.html‎

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<divclass='main-nav'>
22
<divclass='navbar navbar-inverse'>
33
<divclass='navbar-header'>
4-
<buttontype='button'class='navbar-toggle'data-toggle='collapse'data-target='.navbar-collapse'>
4+
<buttonid ="navButton"type='button'class='navbar-toggle'data-toggle='collapse'data-target='#menuCollapse'>
55
<spanclass='sr-only'>Toggle navigation</span>
66
<spanclass='icon-bar'></span>
77
<spanclass='icon-bar'></span>
@@ -10,60 +10,60 @@
1010
<aclass='navbar-brand'[routerLink]="['/home']">ASP.NET Core Identity</a>
1111
</div>
1212
<divclass='clearfix'></div>
13-
<divclass='navbar-collapse collapse'>
13+
<divid="menuCollapse"class='navbar-collapse collapse'data-target='#menuCollapse'>
1414
<ulclass='nav navbar-nav'>
1515
<li[routerLinkActive]="['link-active']">
16-
<a[routerLink]="['/home']">
16+
<a[routerLink]="['/home']"(click) = "closeMenu()">
1717
<spanclass='glyphicon glyphicon-home'></span> Home
1818
</a>
1919
</li>
2020
<li[routerLinkActive]="['link-active']"*ngIf="!stateService.userState.isAuthenticated">
21-
<a[routerLink]="['/login']">
21+
<a[routerLink]="['/login']"(click) = "closeMenu()">
2222
<spanclass='glyphicon glyphicon-user'></span> Login
2323
</a>
2424
</li>
2525
<li[routerLinkActive]="['link-active']"*ngIf="!stateService.userState.isAuthenticated">
26-
<a[routerLink]="['/register']">
26+
<a[routerLink]="['/register']"(click) = "closeMenu()">
2727
<spanclass='glyphicon glyphicon-pencil'></span> Register
2828
</a>
2929
</li>
3030
<li[routerLinkActive]="['link-active']">
31-
<a[routerLink]="['/claims']">
31+
<a[routerLink]="['/claims']"(click) = "closeMenu()">
3232
<spanclass='glyphicon glyphicon-lock'></span> Claims
3333
</a>
3434
</li>
3535
<li[routerLinkActive]="['link-active']"[routerLinkActiveOptions]="{exact: true}">
36-
<a[routerLink]="['/videos']">
36+
<a[routerLink]="['/videos']"(click) = "closeMenu()">
3737
<spanclass='glyphicon glyphicon-facetime-video'></span> Videos (Trial)
3838
</a>
3939
</li>
4040
<li[routerLinkActive]="['link-active']"[routerLinkActiveOptions]="{exact: true}">
41-
<a[routerLink]="['/streaming/register']">
41+
<a[routerLink]="['/streaming/register']"(click) = "closeMenu()">
4242
<spanclass='glyphicon glyphicon-forward'></span> My Streaming
4343
</a>
4444
</li>
4545
<li[routerLinkActive]="['link-active']"*ngIf="stateService.userState.isAuthenticated">
46-
<a[routerLink]="['/streaming/videos/add']">
46+
<a[routerLink]="['/streaming/videos/add']"(click) = "closeMenu()">
4747
<spanclass='glyphicon glyphicon-plus'></span> Add Video
4848
</a>
4949
</li>
5050
<li[routerLinkActive]="['link-active']"*ngIf="stateService.userState.isAuthenticated">
51-
<a[routerLink]="['/manage/users']">
51+
<a[routerLink]="['/manage/users']"(click) = "closeMenu()">
5252
<spanclass='glyphicon glyphicon-cog'></span> Admin panel
5353
</a>
5454
</li>
5555
<li[routerLinkActive]="['link-active']">
56-
<a[routerLink]="['/share']">
56+
<a[routerLink]="['/share']"(click) = "closeMenu()">
5757
<spanclass='glyphicon glyphicon-share'></span> Share
5858
</a>
5959
</li>
6060
<li[routerLinkActive]="['link-active']"*ngIf="stateService.displaySetPassword">
61-
<a[routerLink]="['/password']">
61+
<a[routerLink]="['/password']"(click) = "closeMenu()">
6262
<spanclass='glyphicon glyphicon-lock'></span> Set password
6363
</a>
6464
</li>
6565
<li[routerLinkActive]="['link-active']"*ngIf="stateService.userState.isAuthenticated">
66-
<a[routerLink]="['/manage/account']">
66+
<a[routerLink]="['/manage/account']"(click) = "closeMenu()">
6767
<spanclass='glyphicon glyphicon-edit'></span> Manage Account
6868
</a>
6969
</li>

‎AspNetCoreIdentity/ClientApp/app/components/navmenu/navmenu.component.ts‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -20,4 +20,13 @@ export class NavMenuComponent {
2020
},error=>console.error(error));
2121

2222
}
23+
24+
closeMenu(){
25+
if(window.innerWidth<768){
26+
letnavButton=document.getElementById('navButton');
27+
if(navButton){
28+
navButton.click();
29+
}
30+
}
31+
}
2332
}

‎AspNetCoreIdentity/ClientApp/app/components/register/register.component.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,5 +3,5 @@
33
}
44

55
label.trial {
6-
color:whitesmoke;
6+
color:#5C6975;
77
}

‎AspNetCoreIdentity/ClientApp/app/components/socialapi/share.component.css‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,10 +12,9 @@
1212
}
1313

1414
.grant-error {
15-
color:#a94442;
15+
color:#d9534f;
1616
}
1717

1818
.grant-success {
19-
color:#029f5b;
2019
text-align: center;
2120
}

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp