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.