Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
知鸟1号
ngx-admin
提交
1f56f2ae
N
ngx-admin
项目概览
知鸟1号
/
ngx-admin
与 Fork 源项目一致
从无法访问的项目Fork
通知
2
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
N
ngx-admin
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
提交
1f56f2ae
编写于
1月 21, 2019
作者:
V
Vladimir Lugovsky
提交者:
Sergey Andrievskiy
1月 21, 2019
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
feat(layout config): reduce gear button size (#2002)
上级
cac36f07
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
34 addition
and
9 deletion
+34
-9
src/app/@theme/components/toggle-settings-button/toggle-settings-button.component.scss
...gle-settings-button/toggle-settings-button.component.scss
+29
-8
src/app/@theme/components/toggle-settings-button/toggle-settings-button.component.ts
...oggle-settings-button/toggle-settings-button.component.ts
+5
-1
未找到文件。
src/app/@theme/components/toggle-settings-button/toggle-settings-button.component.scss
浏览文件 @
1f56f2ae
@import
'../../styles/themes'
;
@import
'../../styles/themes'
;
@import
'~bootstrap/scss/mixins/breakpoints'
;
@import
'~bootstrap/scss/mixins/breakpoints'
;
@import
'~@nebular/theme/styles/global/breakpoints'
;
@import
'~@nebular/theme/styles/global/breakpoints'
;
@import
'~@nebular/bootstrap/styles/hero-buttons'
;
@include
nb-install-component
()
{
@include
nb-install-component
()
{
.toggle-settings
{
.toggle-settings
{
position
:
fixed
;
position
:
fixed
;
top
:
50%
;
top
:
50%
;
height
:
8
.575rem
;
height
:
3rem
;
width
:
8
.575rem
;
width
:
3rem
;
padding
:
0
;
text-align
:
center
;
border
:
none
;
border
:
none
;
transition
:
transform
0
.3s
ease
,
background-image
0
.3s
ease
;
transition
:
transform
0
.3s
ease
,
background-image
0
.3s
ease
;
transform
:
translate
(
0
,
-50%
);
transform
:
translate
(
0
,
-50%
);
...
@@ -55,11 +58,7 @@
...
@@ -55,11 +58,7 @@
@include
nb-for-theme
(
cosmic
)
{
@include
nb-for-theme
(
cosmic
)
{
box-shadow
:
0
0
3
.4285rem
0
rgba
(
19
,
19
,
94
,
0
.72
);
box-shadow
:
0
0
3
.4285rem
0
rgba
(
19
,
19
,
94
,
0
.72
);
background-image
:
linear-gradient
(
to
right
,
#a054fe
0%
,
#7a58ff
100%
);
@include
btn-hero-success-gradient
();
&
.expanded
{
background-image
:
linear-gradient
(
to
right
,
#2f296b
0%
,
#2f296b
100%
);
}
}
}
@include
nb-for-theme
(
default
)
{
@include
nb-for-theme
(
default
)
{
...
@@ -76,8 +75,10 @@
...
@@ -76,8 +75,10 @@
}
}
i
{
i
{
font-size
:
6
rem
;
font-size
:
2
.75
rem
;
color
:
#ffffff
;
color
:
#ffffff
;
display
:
block
;
@include
nb-for-theme
(
default
)
{
@include
nb-for-theme
(
default
)
{
color
:
nb-theme
(
color-danger
);
color
:
nb-theme
(
color-danger
);
...
@@ -87,6 +88,26 @@
...
@@ -87,6 +88,26 @@
color
:
nb-theme
(
color-warning
);
color
:
nb-theme
(
color-warning
);
}
}
}
}
&
:not
(
.wasExpanded
)
i
{
animation-name
:
gear-pulse
;
animation-duration
:
1s
;
animation-iteration-count
:
infinite
;
}
@keyframes
gear-pulse
{
from
{
transform
:
scale3d
(
1
,
1
,
1
);
}
50
%
{
transform
:
scale3d
(
1
.2
,
1
.2
,
1
.2
);
}
to
{
transform
:
scale3d
(
1
,
1
,
1
);
}
}
}
}
@include
media-breakpoint-down
(
sm
)
{
@include
media-breakpoint-down
(
sm
)
{
...
...
src/app/@theme/components/toggle-settings-button/toggle-settings-button.component.ts
浏览文件 @
1f56f2ae
...
@@ -9,7 +9,9 @@ import { StateService } from '../../../@core/utils';
...
@@ -9,7 +9,9 @@ import { StateService } from '../../../@core/utils';
<button class="toggle-settings"
<button class="toggle-settings"
(click)="toggleSettings()"
(click)="toggleSettings()"
[class.expanded]="expanded"
[class.expanded]="expanded"
[class.sidebarEnd]="sidebarEnd">
[class.sidebarEnd]="sidebarEnd"
[class.wasExpanded]="wasExpanded"
>
<i class="nb-gear"></i>
<i class="nb-gear"></i>
</button>
</button>
`
,
`
,
...
@@ -18,6 +20,7 @@ export class ToggleSettingsButtonComponent {
...
@@ -18,6 +20,7 @@ export class ToggleSettingsButtonComponent {
sidebarEnd
=
false
;
sidebarEnd
=
false
;
expanded
=
false
;
expanded
=
false
;
wasExpanded
=
false
;
constructor
(
private
sidebarService
:
NbSidebarService
,
protected
stateService
:
StateService
)
{
constructor
(
private
sidebarService
:
NbSidebarService
,
protected
stateService
:
StateService
)
{
this
.
stateService
.
onSidebarState
()
this
.
stateService
.
onSidebarState
()
...
@@ -29,5 +32,6 @@ export class ToggleSettingsButtonComponent {
...
@@ -29,5 +32,6 @@ export class ToggleSettingsButtonComponent {
toggleSettings
()
{
toggleSettings
()
{
this
.
sidebarService
.
toggle
(
false
,
'
settings-sidebar
'
);
this
.
sidebarService
.
toggle
(
false
,
'
settings-sidebar
'
);
this
.
expanded
=
!
this
.
expanded
;
this
.
expanded
=
!
this
.
expanded
;
this
.
wasExpanded
=
true
;
}
}
}
}
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录