Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
凌波微步_大先生
dashboard
提交
52dd1160
D
dashboard
项目概览
凌波微步_大先生
/
dashboard
与 Fork 源项目一致
从无法访问的项目Fork
通知
2
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
D
dashboard
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
提交
52dd1160
编写于
1月 05, 2016
作者:
M
Marcin Maciaszczyk
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Minor styling updates of replica set details view
上级
645c98e6
变更
5
隐藏空白更改
内联
并排
Showing
5 changed file
with
34 addition
and
20 deletion
+34
-20
src/app/frontend/_variables.scss
src/app/frontend/_variables.scss
+3
-1
src/app/frontend/replicasetdetail/replicasetdetail.html
src/app/frontend/replicasetdetail/replicasetdetail.html
+5
-5
src/app/frontend/replicasetdetail/replicasetdetail.scss
src/app/frontend/replicasetdetail/replicasetdetail.scss
+24
-12
src/app/frontend/replicasetlist/replicasetcard.html
src/app/frontend/replicasetlist/replicasetcard.html
+1
-1
src/app/frontend/replicasetlist/replicasetcard.scss
src/app/frontend/replicasetlist/replicasetcard.scss
+1
-1
未找到文件。
src/app/frontend/_variables.scss
浏览文件 @
52dd1160
...
@@ -19,11 +19,13 @@
...
@@ -19,11 +19,13 @@
@return
$multiplier
*
$font-size
;
@return
$multiplier
*
$font-size
;
}
}
$headline-font-size-base
:
rem
(
2
.4
)
!
default
;
$subhead-font-size-base
:
rem
(
1
.6
)
!
default
;
$subhead-font-size-base
:
rem
(
1
.6
)
!
default
;
$body-font-size-base
:
rem
(
1
.4
)
!
default
;
$body-font-size-base
:
rem
(
1
.4
)
!
default
;
$caption-font-size-base
:
rem
(
1
.2
)
!
default
;
$caption-font-size-base
:
rem
(
1
.2
)
!
default
;
$primary
:
#326de6
;
$primary
:
#326de6
;
$warning
:
#ffa500
;
$delicate
:
#aaa
;
$delicate
:
#aaa
;
$muted
:
#888
;
$muted
:
#888
;
$hover-primary
:
#1254df
;
$hover-primary
:
#1254df
;
...
@@ -35,7 +37,7 @@ $content-background: #fff;
...
@@ -35,7 +37,7 @@ $content-background: #fff;
$foreground-1
:
rgba
(
0
,
0
,
0
,
.87
);
$foreground-1
:
rgba
(
0
,
0
,
0
,
.87
);
$foreground-2
:
rgba
(
0
,
0
,
0
,
.54
);
$foreground-2
:
rgba
(
0
,
0
,
0
,
.54
);
$
title
-font-weight
:
400
;
$
regular
-font-weight
:
400
;
$layout-breakpoint-lg
:
1280px
;
$layout-breakpoint-lg
:
1280px
;
$whiteframe-shadow-1dp
:
0
1px
3px
0
rgba
(
0
,
0
,
0
,
.2
)
,
0
1px
1px
0
rgba
(
0
,
0
,
0
,
.14
)
,
0
2px
1px
-1px
rgba
(
0
,
0
,
0
,
.12
);
$whiteframe-shadow-1dp
:
0
1px
3px
0
rgba
(
0
,
0
,
0
,
.2
)
,
0
1px
1px
0
rgba
(
0
,
0
,
0
,
.14
)
,
0
2px
1px
-1px
rgba
(
0
,
0
,
0
,
.12
);
...
...
src/app/frontend/replicasetdetail/replicasetdetail.html
浏览文件 @
52dd1160
...
@@ -20,7 +20,7 @@ limitations under the License.
...
@@ -20,7 +20,7 @@ limitations under the License.
<a
flex-offset=
"10"
ui-sref=
"replicasets"
>
<a
flex-offset=
"10"
ui-sref=
"replicasets"
>
<i
class=
"material-icons kd-replicasetdetail-sidebar-header-icon"
>
keyboard_backspace
</i>
<i
class=
"material-icons kd-replicasetdetail-sidebar-header-icon"
>
keyboard_backspace
</i>
</a>
</a>
<span
flex-offset=
"5"
flex
class=
"md-title"
>
<span
flex-offset=
"5"
flex
class=
"md-title
kd-replicasetdetail-app-name
"
>
{{ctrl.replicaSetDetail.name}}
{{ctrl.replicaSetDetail.name}}
</span>
</span>
</div>
</div>
...
@@ -166,7 +166,7 @@ limitations under the License.
...
@@ -166,7 +166,7 @@ limitations under the License.
</td>
</td>
<td
class=
"kd-replicasetdetail-table-cell"
>
<td
class=
"kd-replicasetdetail-table-cell"
>
{{pod.startTime | relativeTime}}
{{pod.startTime | relativeTime}}
<md-tooltip>
{{pod.startTime | date
: 'yyyy-MM-dd HH:mm:ss
'}}
</md-tooltip>
<md-tooltip>
{{pod.startTime | date
:'short
'}}
</md-tooltip>
</td>
</td>
<td
class=
"kd-replicasetdetail-table-cell"
>
<td
class=
"kd-replicasetdetail-table-cell"
>
0.4 CPU
<!-- TODO(maciaszczykm): Fill with data and plot. -->
0.4 CPU
<!-- TODO(maciaszczykm): Fill with data and plot. -->
...
@@ -177,7 +177,7 @@ limitations under the License.
...
@@ -177,7 +177,7 @@ limitations under the License.
<td
class=
"kd-replicasetdetail-table-cell"
>
{{pod.podIP}}
</td>
<td
class=
"kd-replicasetdetail-table-cell"
>
{{pod.podIP}}
</td>
<td
class=
"kd-replicasetdetail-table-cell"
>
{{pod.nodeName}}
</td>
<td
class=
"kd-replicasetdetail-table-cell"
>
{{pod.nodeName}}
</td>
<td
class=
"kd-replicasetdetail-table-cell"
>
<td
class=
"kd-replicasetdetail-table-cell"
>
Logs
<i
class=
"material-icons kd-replicasetdetail-
logs
-icon"
>
arrow_drop_down
</i>
Logs
<i
class=
"material-icons kd-replicasetdetail-
table
-icon"
>
arrow_drop_down
</i>
<!-- TODO(maciaszczykm): Handle it. -->
<!-- TODO(maciaszczykm): Handle it. -->
</td>
</td>
<td
class=
"kd-replicasetdetail-table-cell"
>
<td
class=
"kd-replicasetdetail-table-cell"
>
...
@@ -266,13 +266,13 @@ limitations under the License.
...
@@ -266,13 +266,13 @@ limitations under the License.
</thead>
</thead>
<tbody>
<tbody>
<tr
ng-repeat=
"event in ctrl.events | orderBy:ctrl.sortEventsBy:ctrl.eventsOrder"
>
<tr
ng-repeat=
"event in ctrl.events | orderBy:ctrl.sortEventsBy:ctrl.eventsOrder"
>
<td
class=
"kd-replicasetdetail-table-
cell kd-replicasetdetail-table-
message"
>
<td
class=
"kd-replicasetdetail-table-message"
>
<i
ng-if=
"ctrl.isEventWarning(event)"
<i
ng-if=
"ctrl.isEventWarning(event)"
class=
"material-icons kd-replicasetdetail-warning-icon"
>
warning
</i>
class=
"material-icons kd-replicasetdetail-warning-icon"
>
warning
</i>
{{event.message}}
{{event.message}}
</td>
</td>
<td
class=
"kd-replicasetdetail-table-cell"
>
<td
class=
"kd-replicasetdetail-table-cell"
>
{
<
!
>
{{event.sourceComponent}} {{event.sourceHost}}
<
!
>
}
{
{event.sourceComponent}} {{event.sourceHost}
}
</td>
</td>
<td
class=
"kd-replicasetdetail-table-cell"
>
{{event.object}}
</td>
<td
class=
"kd-replicasetdetail-table-cell"
>
{{event.object}}
</td>
<td
class=
"kd-replicasetdetail-table-cell"
>
{{event.count}}
</td>
<td
class=
"kd-replicasetdetail-table-cell"
>
{{event.count}}
</td>
...
...
src/app/frontend/replicasetdetail/replicasetdetail.scss
浏览文件 @
52dd1160
...
@@ -18,7 +18,11 @@ $replicasetdetails-sidebar-bg: #fafafa;
...
@@ -18,7 +18,11 @@ $replicasetdetails-sidebar-bg: #fafafa;
$replicasetdetails-border
:
#ddd
;
$replicasetdetails-border
:
#ddd
;
$replicasetdetails-table-message
:
#000
;
$replicasetdetails-table-message
:
#000
;
$replicasetdetails-table-cell
:
#777
;
$replicasetdetails-table-cell
:
#777
;
$replicasetdetails-warning
:
#ffa500
;
.kd-replicasetdetail-app-name
{
color
:
$foreground-2
;
font-weight
:
$regular-font-weight
;
}
.kd-replicasetdetail-sidebar
{
.kd-replicasetdetail-sidebar
{
background-color
:
$replicasetdetails-sidebar-bg
;
background-color
:
$replicasetdetails-sidebar-bg
;
...
@@ -37,33 +41,41 @@ $replicasetdetails-warning: #ffa500;
...
@@ -37,33 +41,41 @@ $replicasetdetails-warning: #ffa500;
}
}
.kd-replicasetdetail-sidebar-header-icon
{
.kd-replicasetdetail-sidebar-header-icon
{
font-size
:
1
.7em
;
color
:
$muted
;
font-size
:
$headline-font-size-base
;
font-weight
:
$regular-font-weight
;
margin-right
:
6px
;
vertical-align
:
middle
;
vertical-align
:
middle
;
}
}
.kd-replicasetdetail-table-message
{
.kd-replicasetdetail-table-message
{
border-bottom
:
1px
solid
$replicasetdetails-border
;
color
:
$replicasetdetails-table-message
;
color
:
$replicasetdetails-table-message
;
font-size
:
$caption-font-size-base
;
font-weight
:
$regular-font-weight
;
height
:
40px
;
overflow
:
hidden
;
overflow
:
hidden
;
padding
:
5px
5px
5px
15px
;
text-align
:
left
;
text-align
:
left
;
text-overflow
:
ellipsis
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
white-space
:
nowrap
;
}
}
.kd-replicasetdetail-sidebar-title
{
.kd-replicasetdetail-sidebar-title
{
font-size
:
15px
;
font-size
:
$subhead-font-size-base
;
padding-bottom
:
10px
;
padding-bottom
:
10px
;
padding-top
:
10px
;
padding-top
:
10px
;
}
}
.kd-replicasetdetail-sidebar-line
{
.kd-replicasetdetail-sidebar-line
{
color
:
$delicate
;
color
:
$delicate
;
font-size
:
11px
;
font-size
:
$caption-font-size-base
;
padding-bottom
:
6px
;
padding-bottom
:
6px
;
}
}
.kd-replicasetdetail-sidebar-subline
{
.kd-replicasetdetail-sidebar-subline
{
color
:
$muted
;
color
:
$muted
;
font-size
:
13px
;
font-size
:
$caption-font-size-base
;
padding-bottom
:
8px
;
padding-bottom
:
8px
;
}
}
...
@@ -75,7 +87,7 @@ $replicasetdetails-warning: #ffa500;
...
@@ -75,7 +87,7 @@ $replicasetdetails-warning: #ffa500;
}
}
.kd-replicasetdetail-warning-icon
{
.kd-replicasetdetail-warning-icon
{
color
:
$
replicasetdetails-
warning
;
color
:
$warning
;
font-size
:
24px
;
font-size
:
24px
;
padding
:
0
5px
;
padding
:
0
5px
;
vertical-align
:
middle
;
vertical-align
:
middle
;
...
@@ -83,7 +95,7 @@ $replicasetdetails-warning: #ffa500;
...
@@ -83,7 +95,7 @@ $replicasetdetails-warning: #ffa500;
.kd-replicasetdetail-sidebar-service-icon
{
.kd-replicasetdetail-sidebar-service-icon
{
color
:
$muted
;
color
:
$muted
;
font-size
:
14px
;
font-size
:
$body-font-size-base
;
padding
:
0
3px
;
padding
:
0
3px
;
vertical-align
:
top
;
vertical-align
:
top
;
}
}
...
@@ -119,8 +131,8 @@ $replicasetdetails-warning: #ffa500;
...
@@ -119,8 +131,8 @@ $replicasetdetails-warning: #ffa500;
.kd-replicasetdetail-table-header
{
.kd-replicasetdetail-table-header
{
border-bottom
:
1px
solid
$replicasetdetails-border
;
border-bottom
:
1px
solid
$replicasetdetails-border
;
color
:
$replicasetdetails-table-cell
;
color
:
$replicasetdetails-table-cell
;
font-size
:
14px
;
font-size
:
$body-font-size-base
;
font-weight
:
500
;
font-weight
:
$regular-font-weight
;
padding
:
15px
10px
15px
15px
;
padding
:
15px
10px
15px
15px
;
text-align
:
left
;
text-align
:
left
;
}
}
...
@@ -132,13 +144,13 @@ $replicasetdetails-warning: #ffa500;
...
@@ -132,13 +144,13 @@ $replicasetdetails-warning: #ffa500;
.kd-replicasetdetail-table-cell
{
.kd-replicasetdetail-table-cell
{
border-bottom
:
1px
solid
$replicasetdetails-border
;
border-bottom
:
1px
solid
$replicasetdetails-border
;
color
:
$replicasetdetails-table-cell
;
color
:
$replicasetdetails-table-cell
;
font-size
:
13px
;
font-size
:
$caption-font-size-base
;
height
:
40px
;
height
:
40px
;
padding
:
5px
5px
5px
15px
;
padding
:
5px
5px
5px
15px
;
}
}
.kd-replicasetdetail-table-icon
{
.kd-replicasetdetail-table-icon
{
font-size
:
14px
;
font-size
:
$body-font-size-base
;
padding
:
0
3px
;
padding
:
0
3px
;
vertical-align
:
top
;
vertical-align
:
top
;
}
}
...
@@ -146,7 +158,7 @@ $replicasetdetails-warning: #ffa500;
...
@@ -146,7 +158,7 @@ $replicasetdetails-warning: #ffa500;
.kd-replicasetdetail-help-icon
{
.kd-replicasetdetail-help-icon
{
color
:
$muted
;
color
:
$muted
;
cursor
:
help
;
cursor
:
help
;
font-size
:
14px
;
font-size
:
$body-font-size-base
;
padding
:
0
3px
;
padding
:
0
3px
;
vertical-align
:
middle
;
vertical-align
:
middle
;
}
}
src/app/frontend/replicasetlist/replicasetcard.html
浏览文件 @
52dd1160
...
@@ -71,7 +71,7 @@ limitations under the License.
...
@@ -71,7 +71,7 @@ limitations under the License.
<span
flex
>
<span
flex
>
{{::ctrl.replicaSet.creationTime | relativeTime}}
{{::ctrl.replicaSet.creationTime | relativeTime}}
<md-tooltip>
<md-tooltip>
{{::ctrl.replicaSet.creationTime | date
: 'yyyy-MM-dd HH:mm:ss
'}}
{{::ctrl.replicaSet.creationTime | date
:'short
'}}
</md-tooltip>
</md-tooltip>
</span>
</span>
</div>
</div>
...
...
src/app/frontend/replicasetlist/replicasetcard.scss
浏览文件 @
52dd1160
...
@@ -22,7 +22,7 @@
...
@@ -22,7 +22,7 @@
.kd-replicaset-card-name
{
.kd-replicaset-card-name
{
color
:
inherit
;
color
:
inherit
;
display
:
inline-block
;
display
:
inline-block
;
font-weight
:
$
title
-font-weight
;
font-weight
:
$
regular
-font-weight
;
text-decoration
:
none
;
text-decoration
:
none
;
}
}
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录