未验证 提交 4b8b213b 编写于 作者: B bryk

Fix layout issues on logs view and cards too large

1. The lines on logs view had excessive spacing
2. All cards were 100% height
上级 4b7a99e7
...@@ -21,7 +21,6 @@ ...@@ -21,7 +21,6 @@
kd-content-card { kd-content-card {
display: block; display: block;
height: 100%;
margin: 2.5 * $baseline-grid; margin: 2.5 * $baseline-grid;
} }
......
...@@ -41,13 +41,13 @@ limitations under the License. ...@@ -41,13 +41,13 @@ limitations under the License.
<md-virtual-repeat-container class="kd-log-view" ng-class="ctrl.getStyleClass()" <md-virtual-repeat-container class="kd-log-view" ng-class="ctrl.getStyleClass()"
md-top-index="ctrl.topIndex"> md-top-index="ctrl.topIndex">
<div md-virtual-repeat="item in ctrl.logsSet" ng-class="ctrl.getLogsClass()"> <div md-virtual-repeat="item in ctrl.logsSet" ng-class="ctrl.getLogsClass()">
<span ng-bind-html="item">&nbsp;</span> <span ng-bind-html="item" class="kd-log-line">&nbsp;</span>
</div> </div>
</md-virtual-repeat-container> </md-virtual-repeat-container>
</kd-content> </kd-content>
<kd-footer ng-show="ctrl.logsSet.length > 1"> <kd-footer>
<div layout="row"> <div layout="row">
<span class="kd-logs-info"> <span class="kd-logs-info" ng-show="ctrl.logsSet.length > 1">
{{ctrl.i18n.MSG_LOGS_TITLE_FROM}} {{ctrl.i18n.MSG_LOGS_TITLE_FROM}}
{{ctrl.podLogs.firstLogLineReference.logTimestamp | date : "short"}} {{ctrl.podLogs.firstLogLineReference.logTimestamp | date : "short"}}
{{ctrl.i18n.MSG_LOGS_TITLE_TO}} {{ctrl.i18n.MSG_LOGS_TITLE_TO}}
......
...@@ -52,10 +52,13 @@ $logs-color-white: #fff; ...@@ -52,10 +52,13 @@ $logs-color-white: #fff;
.kd-log-view { .kd-log-view {
flex: 1; flex: 1;
font-family: $font-family-medium-monospace; font-family: $font-family-medium-monospace;
white-space: pre-wrap;
width: 100%; width: 100%;
} }
.kd-log-line {
white-space: pre-wrap;
}
// The style below is to make the logs view card full width & height. // The style below is to make the logs view card full width & height.
kd-content-card { kd-content-card {
&.kd-log-content-card { &.kd-log-content-card {
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册