Page MenuHomePhabricator
Differential D3503

[web] [refactor] thread light selected and hover color classes
AbandonedPublic
Actions

Authored by • benschac on Mar 23 2022, 12:01 PM.
Tags
None
Referenced Files
Unknown Object (File)
Tue, Apr 8, 8:23 AM
Unknown Object (File)
Tue, Apr 1, 1:24 AM
Unknown Object (File)
Mar 11 2025, 8:44 AM
Unknown Object (File)
Mar 10 2025, 2:19 AM
Unknown Object (File)
Mar 10 2025, 2:17 AM
Unknown Object (File)
Mar 10 2025, 2:15 AM
Unknown Object (File)
Mar 9 2025, 5:02 PM
Unknown Object (File)
Mar 6 2025, 3:08 AM
View All Files
Subscribers
• adrian
ashoat
• karol
tomek

Details

Reviewers
atul
tomek
• jacek
Summary

same functionality, make css classes consistent to further refactor

Screen Recording 2022-03-23 at 02.55.21 PM.gif (542×1 px, 1 MB)

Test Plan

hover, selected and non hovered message previews look the same

Diff Detail

Repository
rCOMM Comm
Branch
fix-hover-background-color
Lint
No Lint Coverage
Unit
No Test Coverage

Revision Contents
Changeset List

PathSize
web/
chat/
4 lines
2 lines

Diff 10626

View Options

web/chat/chat-thread-list.css

Show All 25 Lines
import type { LayoutEvent, ViewableItemsChange } from '../types/react-native'; import type { LayoutEvent, ViewableItemsChange } from '../types/react-native';
import type { ViewStyle } from '../types/styles'; import type { ViewStyle } from '../types/styles';
import { getCompatibleMediaURI } from './identifier-utils'; import { getCompatibleMediaURI } from './identifier-utils';
import MediaGalleryMedia from './media-gallery-media.react'; import MediaGalleryMedia from './media-gallery-media.react';
import SendMediaButton from './send-media-button.react'; import SendMediaButton from './send-media-button.react';
const animationSpec = { const animationSpec = {
duration: 400, duration: 400,
// $FlowFixMe[method-unbinding]
easing: Easing.inOut(Easing.ease), easing: Easing.inOut(Easing.ease),
useNativeDriver: true, useNativeDriver: true,
}; };
type Props = { type Props = {
// Redux state // Redux state
+dimensions: DimensionsInfo, +dimensions: DimensionsInfo,
+foreground: boolean, +foreground: boolean,
▲ Show 20 Lines • Show All 514 Lines • Show Last 20 Lines
View Options

web/chat/message-preview.react.js

Show All 25 Lines
import type { LayoutEvent, ViewableItemsChange } from '../types/react-native'; import type { LayoutEvent, ViewableItemsChange } from '../types/react-native';
import type { ViewStyle } from '../types/styles'; import type { ViewStyle } from '../types/styles';
import { getCompatibleMediaURI } from './identifier-utils'; import { getCompatibleMediaURI } from './identifier-utils';
import MediaGalleryMedia from './media-gallery-media.react'; import MediaGalleryMedia from './media-gallery-media.react';
import SendMediaButton from './send-media-button.react'; import SendMediaButton from './send-media-button.react';
const animationSpec = { const animationSpec = {
duration: 400, duration: 400,
// $FlowFixMe[method-unbinding]
easing: Easing.inOut(Easing.ease), easing: Easing.inOut(Easing.ease),
useNativeDriver: true, useNativeDriver: true,
}; };
type Props = { type Props = {
// Redux state // Redux state
+dimensions: DimensionsInfo, +dimensions: DimensionsInfo,
+foreground: boolean, +foreground: boolean,
▲ Show 20 Lines • Show All 514 Lines • Show Last 20 Lines