sindresorhus/refined-github

Submodule diffs are misaligned #4328

tacc-wbomar posted onGitHub

What?

  1. Primary: Prevent center-aligned filenames in submodule diff.
  2. Secondary: If submodule diffs were previously ignored during styling, then reconsider the styling.

Why?

A center-aligned file path listing is not as easy to scan as is a left-aligned file path listing, because similarities in paths are not aligned (as they are in a left-aligned file path listing).

Where?

c8b7cbe (#216)

<details><summary>Screenshot while using Github Refined</summary>

Github Refined

</details>

<details><summary>Screenshot while using Github</summary>

Github

</details>

How?

Offending Style: https://github.com/sindresorhus/refined-github/blob/8c1ab3125fcdb5edf4d78e86bca2da30da97ca45/source/refined-github.css#L99-L103

Suggestions: None


Let's try to find a selector that matches this: https://github.com/webpack/webpack/pull/6446/files#diff-4cb0a7248ed91703f66f261958573976e311153c7273acaa2f6960be6dd84e98

But doesn't match this: https://github.com/TACC/Core-CMS/commit/c8b7cbe270ad083dd11d3f81da35cb281fe3d56f#diff-00db495ec685cbdb37dc9dfede576323eb49fd5d4156be453590c5b7650bb9e6

If it doesn't exist, we can only override the text centering via :root .file .data.empty * or something, but that won't fix everything

posted by fregante almost 4 years ago

Can I take this up? @fregante

posted by harshgoel05 almost 4 years ago

Sure

posted by yakov116 almost 4 years ago

image

I'm able to shift the table by overwriting text-align: center; to text-align: left;

:root .file .data table {
    padding: 54px;
    text-align: left !important;
}

But the Submodule taccsite_custom updated 9 files isn't overwriteable as the class of TACC/Core-CMS@c8b7cbe#diff-00db495ec685cbdb37dc9dfede576323eb49fd5d4156be453590c5b7650bb9e6 and this clashes.

Is this good to go as this is the best which we can get without much complexity I feel? Any suggestions?

posted by harshgoel05 almost 4 years ago

Fund this Issue

$0.00
Funded

Pull requests