element-web/res/css/views/rooms
Travis Ralston 9b64dd0cd7 Support horizontal scrolling on breadcrumbs
Fixes https://github.com/vector-im/riot-web/issues/8714
Fixes https://github.com/vector-im/riot-web/issues/8890
Fixes https://github.com/vector-im/riot-web/issues/9034
Fixes https://github.com/vector-im/riot-web/issues/8954

This turned out to be much more complicated than it needed to be. We use an IndicatorScrollbar to do all the math for us and some minor changes have been made so it can flag left/right overflow. The complicated part is the css changes which make the gradients work: unlike the RoomSubList, we have to calculate the offset of the indicators (gradients) on our own because position:sticky doesn't work horizontally.

The changes to the css (well, mostly pointer-events:none) make it so the gradient doesn't interfere with the room avatars. 

9034 and 8954 are fixed by this because they represent an overflow-x:none style breakage where browsers won't let you scroll without a scrollbar. The gradient offset problem is also demonstrated in 8954.
2019-03-27 17:52:05 -06:00
..
_AppsDrawer.scss Rename Feather icon directory to feather-customised 2019-02-27 10:42:10 +00:00
_Autocomplete.scss Use a distinct color for selected autocomplete items 2019-03-12 14:51:37 +00:00
_AuxPanel.scss Change CSS to match experimental 2019-01-07 15:21:00 +00:00
_E2EIcon.scss Move E2E icons out of feather dir 2019-02-26 20:31:32 +00:00
_EntityTile.scss Merge pull request #2794 from matrix-org/travis/offline-members 2019-03-15 08:46:56 -06:00
_EventTile.scss ensure flair is 16px high 2019-03-05 14:49:07 +01:00
_JumpToBottomButton.scss add JumpToBottomButtom component 2019-01-22 14:49:04 +01:00
_LinkPreviewWidget.scss move components' CSS to be in the same repo as their JS 2018-04-12 00:23:58 +01:00
_MemberDeviceInfo.scss Move E2E icons out of feather dir 2019-02-26 20:31:32 +00:00
_MemberInfo.scss fix margin on e2e icon in member panel 2019-02-28 15:39:10 +01:00
_MemberList.scss Rename Feather icon directory to feather-customised 2019-02-27 10:42:10 +00:00
_MessageComposer.scss Rename Feather icon directory to feather-customised 2019-02-27 10:42:10 +00:00
_PinnedEventsPanel.scss move components' CSS to be in the same repo as their JS 2018-04-12 00:23:58 +01:00
_PinnedEventTile.scss Show timestamp of pinned messages on hover 2018-05-26 19:46:11 -06:00
_PresenceLabel.scss move components' CSS to be in the same repo as their JS 2018-04-12 00:23:58 +01:00
_ReplyPreview.scss post BigMerge fixup - merge in stuff from riot-web PR 2018-04-20 09:23:27 +01:00
_RoomBreadcrumbs.scss Support horizontal scrolling on breadcrumbs 2019-03-27 17:52:05 -06:00
_RoomDropTarget.scss move components' CSS to be in the same repo as their JS 2018-04-12 00:23:58 +01:00
_RoomHeader.scss Rename Feather icon directory to feather-customised 2019-02-27 10:42:10 +00:00
_RoomList.scss always hide overflow on RoomList in case Layout screws up 2019-01-28 16:03:49 +01:00
_RoomPreviewBar.scss Add a bit of text to explain the purpose of the RoomPreviewSpinner 2018-10-17 13:53:12 -06:00
_RoomRecoveryReminder.scss Make prettier 2019-02-08 16:27:25 +00:00
_RoomTile.scss Normalise room list font weight and make bold when there are unreads. 2019-02-25 11:02:27 -07:00
_RoomUpgradeWarningBar.scss Update text in RoomUpgradeWarningBar to match suggestions 2019-03-15 16:08:35 -06:00
_SearchableEntityList.scss move components' CSS to be in the same repo as their JS 2018-04-12 00:23:58 +01:00
_SearchBar.scss Rename Feather icon directory to feather-customised 2019-02-27 10:42:10 +00:00
_Stickers.scss fix sticker layout 2019-02-12 16:55:37 +01:00
_TopUnreadMessagesBar.scss Define SCSS variable for resource dir 2019-01-17 22:06:49 -06:00
_WhoIsTypingTile.scss Fix z ordering of the overflow tile 2019-02-24 03:18:21 +00:00