jippi/hashi-ui

[ux] nomad log view improvements

Open

#371 创建于 2017年12月27日

在 GitHub 查看
 (1 评论) (0 反应) (0 负责人)JavaScript (1,235 star) (157 fork)batch import
enhancementhelp wanted

描述

I'd like to see a couple of improvements in the nomad log reporting functionality. Mostly just user-experience improvements.

  1. Larger view. Currently in my mostly full-screen view the actual real-estate assigned to the log div content is about 58% of the window. I'd like that to have see that be the full div.row space instead. Maybe move the file-selector to a drop-down (though being able to see both files in one view would be amazing).
  2. Word-wrapping/breaking of the log lines to fit. I've got many log lines that run off to the side (thanks Java). It'd be wonderful to be able to wrap them.
div.content-file {
  white-space: pre-wrap;
  word-break: break-word;
}

贡献者指南

技术栈
javascriptcsshtml
领域
frontend
议题类型
feature
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
2
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
under 1 hour
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
stale
清晰度议题是否清楚说明期望改动、验收标准和下一步。
clear
前置要求
basic CSS knowledge
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
80
研究方向
Examine the log view component in the Hashi UI codebase, likely in a CSS file or component styles. The issue requests two changes: (1) making the log div use the full row space, possibly by moving the file selector to a dropdown, and (2) adding word wrapping via CSS properties white space: pre wrap and word break: break word on the div.content file element. Look for the relevant CSS file (e.g., a stylesheet or component style) and verify if these changes are already applied or if there are any dependencies. The repository is JavaScript based, so the component structure may be in React or similar.
[ux] nomad log view improvements · jippi/hashi-ui#371 | Good First Issue