プロジェクト

全般

プロフィール

Vote #80300

完了

Rounded corners on table.list elements

Admin Redmine さんが約4年前に追加. 約4年前に更新.

ステータス:
Closed
優先度:
通常
担当者:
-
カテゴリ:
UI_10
対象バージョン:
開始日:
2022/05/09
期日:
進捗率:

0%

予定工数:
category_id:
10
version_id:
127
issue_org_id:
32014
author_id:
4
assigned_to_id:
332
comments:
12
status_id:
5
tracker_id:
3
plus1:
0
affected_version:
closed_on:
affected_version_id:
ステータス-->[Closed]

説明

Same motivation as in #32013
The patch doesn't make calendar and gantt tables rounded though, due to more complex structure that they have, hence requiring different approach.


journals

!{border: 1px solid; border-color: #ccc; width: 99%;}roundedlisttables.png!

!{border: 1px solid; border-color: #ccc; width: 99%;}roundedlisttables2.png!
--------------------------------------------------------------------------------

--------------------------------------------------------------------------------
The patch removes @border-collapse@ property. Do you think it is OK? (sorry if this is a stupid question. I am not a CSS expert).
--------------------------------------------------------------------------------
Go, roundness with *border-radius* on table elements can't seem to be achieved if *border-collapse: collapse;* is present, so I cleared it in a favor of *border-spacing: 0;* for this reason, which it did seem like does the same thing, only, unlike *border-collapse*, it doesn't block *border-radius* to be applied.
--------------------------------------------------------------------------------
Yes, as Antonio wrote, it's necessary to get the border radius and @border-spacing: 0;@ compensates it.
One notice of caution: I played with the border radius and found out that the cells don't get clipped to the round shape. Maybe an additional @overflow: hidden;@ is missing here.
--------------------------------------------------------------------------------
Bernhard Rohloff wrote:
> Maybe an additional @overflow: hidden;@ is missing here.
Not that it's a biggie, as our border radius doesn't seem to be that big anyway, for cells under to stick out, it's only 3px after all, but here is the patch with hidden overflow just in case ;-)
--------------------------------------------------------------------------------
Committed the patch. Thank you for improving Redmine.
--------------------------------------------------------------------------------
I will revert this change because the change caused other changes such as #32165 and #32166 and I cannot predict how much the impact will spread further.
--------------------------------------------------------------------------------
Go MAEDA wrote:
> I will revert this change because the change caused other changes such as #32165 and #32166 and I cannot predict how much the impact will spread further.
#32165 and #32166 would be the last patches for the tables anyway, and it's really to be over with now after those two really small patches :D
Just calendar and gantt were styled and structured differently than list.tables and also each-other, hence why required separate patches.

Either way, I think it's better to keep it like that rather than reverting it, since gantt and calendar seem like the only exceptions anyway. Then deliver those two in later versions (if release will happen before they ready) if necessary.
We should probably add them as related too.
--------------------------------------------------------------------------------

--------------------------------------------------------------------------------

--------------------------------------------------------------------------------

--------------------------------------------------------------------------------


related_issues

relates,Closed,32013,Rounded corners of the main menu
relates,Closed,32165,Rounded corners on table.cal
relates,New,32166,Rounded corners on table.gantt-table

Admin Redmine さんが約4年前に更新

  • カテゴリUI_10 にセット
  • 対象バージョン4.1.0_127 にセット

他の形式にエクスポート: Atom PDF

いいね!0
いいね!0