Skip to content
This repository was archived by the owner on Mar 4, 2025. It is now read-only.

Commit 34ec745

Browse files
tladendotladendo
committed
placeholder
1 parent 9060bd0 commit 34ec745

File tree

3 files changed

+137
-1
lines changed

3 files changed

+137
-1
lines changed

‎app/index.jade

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -38,6 +38,7 @@ html
3838
link(rel="stylesheet", href="assets/css/settings/edit-profile.css")
3939
link(rel="stylesheet", href="assets/css/settings/account-info.css")
4040
link(rel="stylesheet", href="assets/css/profile/subtrack.css")
41+
link(rel="stylesheet", href="assets/css/profile/nav.css")
4142
link(rel="stylesheet", href="assets/css/profile/icons.css")
4243
link(rel="stylesheet", href="assets/css/profile/header.css")
4344
link(rel="stylesheet", href="assets/css/profile/badges.css")

‎app/profile/subtrack/subtrack.controller.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -230,7 +230,7 @@
230230
template: 'profile/subtrack/nav.html',
231231
controller: 'ProfileCtrl',
232232
controllerAs: 'vm',
233-
className: 'ngdialog-theme-default',
233+
className: 'ngdialog-nav-theme',
234234
resolve: {
235235
userHandle: function() {
236236
return vm.userHandle;

‎assets/css/profile/nav.scss

Lines changed: 135 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,135 @@
1+
.ngdialog.ngdialog-nav-theme {
2+
padding-bottom: 160px;
3+
padding-top: 160px;
4+
}
5+
6+
.ngdialog.ngdialog-nav-theme.ngdialog-closing .ngdialog-content {
7+
-webkit-animation: ngdialog-flyout .5s;
8+
animation: ngdialog-flyout .5s;
9+
}
10+
11+
.ngdialog.ngdialog-nav-theme .ngdialog-content {
12+
-webkit-animation: ngdialog-flyin .5s;
13+
animation: ngdialog-flyin .5s;
14+
background: #fff;
15+
color: #444;
16+
font-family: 'Helvetica',sans-serif;
17+
font-size: 1.1em;
18+
line-height: 1.5em;
19+
margin: 0 auto;
20+
max-width: 100%;
21+
padding: 1em;
22+
position: relative;
23+
width: 100%;
24+
height: 100%;
25+
}
26+
27+
.ngdialog.ngdialog-nav-theme .ngdialog-close {
28+
border-radius: 5px;
29+
cursor: pointer;
30+
position: absolute;
31+
right: 0;
32+
top: 0;
33+
}
34+
35+
.ngdialog.ngdialog-nav-theme .ngdialog-close:before {
36+
background: transparent;
37+
border-radius: 3px;
38+
color: #bbb;
39+
content: '\00D7';
40+
font-size: 26px;
41+
font-weight: 400;
42+
height: 30px;
43+
line-height: 26px;
44+
position: absolute;
45+
right: 3px;
46+
text-align: center;
47+
top: 3px;
48+
width: 30px;
49+
}
50+
51+
.ngdialog.ngdialog-nav-theme .ngdialog-close:hover:before,
52+
.ngdialog.ngdialog-nav-theme .ngdialog-close:active:before {
53+
color: #777;
54+
}
55+
56+
.ngdialog.ngdialog-nav-theme .ngdialog-message {
57+
margin-bottom: .5em;
58+
}
59+
60+
.ngdialog.ngdialog-nav-theme .ngdialog-input {
61+
margin-bottom: 1em;
62+
}
63+
64+
.ngdialog.ngdialog-nav-theme .ngdialog-input textarea,
65+
.ngdialog.ngdialog-nav-theme .ngdialog-input input[type="text"],
66+
.ngdialog.ngdialog-nav-theme .ngdialog-input input[type="password"],
67+
.ngdialog.ngdialog-nav-theme .ngdialog-input input[type="email"],
68+
.ngdialog.ngdialog-nav-theme .ngdialog-input input[type="url"] {
69+
background: #fff;
70+
border: 0;
71+
border-radius: 3px;
72+
font-family: inherit;
73+
font-size: inherit;
74+
font-weight: inherit;
75+
margin: 0 0 .25em;
76+
min-height: 2.5em;
77+
padding: .25em .67em;
78+
width: 100%;
79+
}
80+
81+
.ngdialog.ngdialog-nav-theme .ngdialog-input textarea:focus,
82+
.ngdialog.ngdialog-nav-theme .ngdialog-input input[type="text"]:focus,
83+
.ngdialog.ngdialog-nav-theme .ngdialog-input input[type="password"]:focus,
84+
.ngdialog.ngdialog-nav-theme .ngdialog-input input[type="email"]:focus,
85+
.ngdialog.ngdialog-nav-theme .ngdialog-input input[type="url"]:focus {
86+
box-shadow: inset 0 0 0 2px #8dbdf1;
87+
outline: none;
88+
}
89+
90+
.ngdialog.ngdialog-nav-theme .ngdialog-buttons {
91+
*zoom: 1;
92+
}
93+
94+
.ngdialog.ngdialog-nav-theme .ngdialog-buttons:after {
95+
content: '';
96+
display: table;
97+
clear: both;
98+
}
99+
100+
.ngdialog.ngdialog-nav-theme .ngdialog-button {
101+
border: 0;
102+
border-radius: 3px;
103+
cursor: pointer;
104+
float: right;
105+
font-family: inherit;
106+
font-size: .8em;
107+
letter-spacing: .1em;
108+
line-height: 1em;
109+
margin: 0 0 0 .5em;
110+
padding: .75em 2em;
111+
text-transform: uppercase;
112+
}
113+
114+
.ngdialog.ngdialog-nav-theme .ngdialog-button:focus {
115+
-webkit-animation: ngdialog-pulse 1.1s infinite;
116+
animation: ngdialog-pulse 1.1s infinite;
117+
outline: none;
118+
}
119+
120+
@media (max-width: 568px) {
121+
.ngdialog.ngdialog-nav-theme .ngdialog-button:focus {
122+
-webkit-animation: none;
123+
animation: none;
124+
}
125+
}
126+
127+
.ngdialog.ngdialog-nav-theme .ngdialog-button.ngdialog-button-primary {
128+
background: #3288e6;
129+
color: #fff;
130+
}
131+
132+
.ngdialog.ngdialog-nav-theme .ngdialog-button.ngdialog-button-secondary {
133+
background: #e0e0e0;
134+
color: #777;
135+
}

0 commit comments

Comments
 (0)