diff --git a/packages/core/src/renderer/components/line-progress/line-progress.scss b/packages/core/src/renderer/components/line-progress/line-progress.scss index 2a63cc4c64..183683d2f6 100644 --- a/packages/core/src/renderer/components/line-progress/line-progress.scss +++ b/packages/core/src/renderer/components/line-progress/line-progress.scss @@ -14,6 +14,7 @@ .line { background: currentColor; display: block; + width: 100%; height: 100%; border-radius: inherit; transition: 250ms width ease-in; diff --git a/packages/core/src/renderer/components/table/table-cell.scss b/packages/core/src/renderer/components/table/table-cell.scss index 10b09ddae0..323da955fd 100644 --- a/packages/core/src/renderer/components/table/table-cell.scss +++ b/packages/core/src/renderer/components/table/table-cell.scss @@ -4,11 +4,13 @@ */ .TableCell { + position: relative; padding: $padding; word-break: break-all; overflow: hidden; - text-overflow: ellipsis; - line-height: 1; + line-height: 1.1; + display: flex; + align-items: center; &.menu { @include table-cell-action; @@ -39,43 +41,29 @@ } } - // fix: don't hide "sortIcon" when used with and there is not enough space to show all the content &.sorting.nowrap { display: flex; align-items: center; + } - > * { - flex-shrink: 0; - } + .sortIcon { + transition: 150ms opacity; + opacity: 0; + position: absolute; + right: 0; + background: var(--tableHeaderBackground); - > .content { - flex-shrink: 1; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - } - - > .sortIcon { - margin: 0; + &.enabled { + opacity: 1; } } - .Table.sortable > .TableHead & { - user-select: none; - white-space: nowrap; + &:hover .sortIcon { + opacity: 1; + } - &.sorting { - cursor: pointer; - } - - .sortIcon { - transition: 350ms opacity; - opacity: .3; - - &.enabled { - opacity: 1; - } - } + &.sorting { + cursor: pointer; } a { diff --git a/packages/core/src/renderer/components/table/table-head.scss b/packages/core/src/renderer/components/table/table-head.scss index ca51e39d63..c58600b038 100644 --- a/packages/core/src/renderer/components/table/table-head.scss +++ b/packages/core/src/renderer/components/table/table-head.scss @@ -9,6 +9,8 @@ color: var(--tableHeaderColor); display: flex; flex-shrink: 0; + user-select: none; + white-space: nowrap; &.topLine { border-top: 1px solid var(--borderFaintColor);