tdesktop/Telegram/SourceFiles/chat_helpers/chat_helpers.style

284 lines
8.4 KiB
Plaintext
Raw Normal View History

/*
This file is part of Telegram Desktop,
the official desktop application for the Telegram messaging service.
For license and copyright information please follow this link:
https://github.com/telegramdesktop/tdesktop/blob/master/LEGAL
*/
2019-09-17 16:13:12 +00:00
using "ui/basic.style";
using "boxes/boxes.style";
2016-10-27 14:10:28 +00:00
using "ui/widgets/widgets.style";
switchPmButton: RoundButton(defaultBoxButton) {
width: 320px;
height: 34px;
textTop: 7px;
}
stickersRestrictedLabel: FlatLabel(defaultFlatLabel) {
minWidth: 200px;
align: align(center);
textFg: noContactsColor;
}
2018-03-02 17:17:33 +00:00
stickersTrendingHeader: 56px;
stickersTrendingSkip: 4px;
2016-10-27 14:10:28 +00:00
stickersTrendingHeaderFont: semiboldFont;
stickersTrendingHeaderFg: windowFg;
2018-03-02 17:17:33 +00:00
stickersTrendingHeaderTop: 11px;
2016-10-27 14:10:28 +00:00
stickersTrendingSubheaderFont: normalFont;
stickersTrendingSubheaderFg: windowSubTextFg;
2018-03-02 17:17:33 +00:00
stickersTrendingSubheaderTop: 31px;
2018-03-02 17:17:33 +00:00
stickersTrendingAddTop: 14px;
2016-10-27 14:10:28 +00:00
stickersTrendingAdd: RoundButton(defaultActiveButton) {
2016-11-22 09:48:13 +00:00
width: -16px;
height: 26px;
textTop: 4px;
}
2016-11-22 09:48:13 +00:00
stickersRemove: IconButton(defaultIconButton) {
width: 40px;
height: 40px;
icon: icon {{ "info_media_delete", menuIconFg }};
iconOver: icon {{ "info_media_delete", menuIconFgOver }};
2016-11-22 09:48:13 +00:00
rippleAreaSize: 40px;
rippleAreaPosition: point(0px, 0px);
ripple: RippleAnimation(defaultRippleAnimation) {
color: windowBgOver;
}
}
stickersUndoRemove: RoundButton(defaultLightButton) {
width: -16px;
height: 26px;
textTop: 4px;
}
stickersRemoveSkip: 4px;
stickersReorderIcon: icon {{ "stickers_reorder", menuIconFg }};
stickersReorderSkip: 13px;
stickersTabs: defaultTabsSlider;
2016-11-22 09:48:13 +00:00
stickerEmojiSkip: 5px;
2016-11-22 09:48:13 +00:00
stickersFeaturedBadgeFont: font(12px bold);
stickersFeaturedBadgeSize: 15px;
stickersFeaturedBadgeTextTop: -1px;
stickersFeaturedBadgePadding: 4px;
stickersFeaturedBadgeSkip: 4px;
stickersFeaturedBadgeTop: 9px;
stickersFeaturedPen: lightButtonFg;
stickersFeaturedUnreadBg: msgFileInBg;
stickersFeaturedUnreadSize: 5px;
stickersFeaturedUnreadSkip: 5px;
stickersFeaturedUnreadTop: 7px;
stickersFeaturedInstalled: icon {{ "chat/input_save", lightButtonFg }};
2016-10-27 14:10:28 +00:00
stickersMaxHeight: 320px;
stickersPadding: margins(19px, 13px, 19px, 13px);
2016-10-27 14:10:28 +00:00
stickersSize: size(64px, 64px);
stickersScroll: ScrollArea(boxScroll) {
deltat: 19px;
2016-10-27 14:10:28 +00:00
deltab: 9px;
}
stickersReorderPadding: margins(0px, 12px, 0px, 12px);
stickersReorderFg: windowSubTextFg;
2016-10-27 14:10:28 +00:00
stickersRowDisabledOpacity: 0.4;
stickersRowDuration: 200;
stickersSettings: icon {{ "emoji_settings", emojiIconFg }};
stickersTrending: icon {{ "stickers_add", emojiIconFg }};
stickersTrendingUnread: icon {
{ "stickers_add_unread", emojiIconFg },
{ "stickers_add_dot", dialogsUnreadBg }
};
stickersRecent: icon {{ "stickers_recent", emojiIconFg }};
stickersSearch: icon {{ "stickers_search", emojiIconFg, point(0px, 1px) }};
2016-10-27 14:10:28 +00:00
stickersSettingsUnreadSize: 6px;
stickersSettingsUnreadPosition: point(6px, 10px);
2016-10-27 14:10:28 +00:00
2020-03-10 12:41:12 +00:00
filtersRemove: IconButton(stickersRemove) {
ripple: defaultRippleAnimation;
}
emojiPanMargins: margins(10px, 10px, 10px, 10px);
emojiTabs: SettingsSlider(defaultTabsSlider) {
height: 55px;
barTop: 52px;
labelTop: 19px;
}
emojiScroll: defaultSolidScroll;
emojiRecent: icon {{ "emoji_recent", emojiIconFg }};
emojiRecentActive: icon {{ "emoji_recent", emojiIconFgActive }};
emojiPeople: icon {{ "emoji_people", emojiIconFg }};
emojiPeopleActive: icon {{ "emoji_people", emojiIconFgActive }};
emojiNature: icon {{ "emoji_nature", emojiIconFg }};
emojiNatureActive: icon {{ "emoji_nature", emojiIconFgActive }};
emojiFood: icon {{ "emoji_food", emojiIconFg }};
emojiFoodActive: icon {{ "emoji_food", emojiIconFgActive }};
emojiActivity: icon {{ "emoji_activity", emojiIconFg }};
emojiActivityActive: icon {{ "emoji_activity", emojiIconFgActive }};
emojiTravel: icon {{ "emoji_travel", emojiIconFg }};
emojiTravelActive: icon {{ "emoji_travel", emojiIconFgActive }};
emojiObjects: icon {{ "emoji_objects", emojiIconFg }};
emojiObjectsActive: icon {{ "emoji_objects", emojiIconFgActive }};
emojiSymbols: icon {{ "emoji_symbols", emojiIconFg }};
emojiSymbolsActive: icon {{ "emoji_symbols", emojiIconFgActive }};
2016-10-27 14:10:28 +00:00
emojiFooterHeight: 46px;
emojiCategorySkip: 4px;
2016-10-27 14:10:28 +00:00
emojiCategory: IconButton {
width: 42px;
height: emojiFooterHeight;
2016-10-27 14:10:28 +00:00
iconPosition: point(-1px, 9px);
2016-10-27 14:10:28 +00:00
}
emojiCategoryRecent: IconButton(emojiCategory) { icon: emojiRecent; }
emojiCategoryPeople: IconButton(emojiCategory) { icon: emojiPeople; }
emojiCategoryNature: IconButton(emojiCategory) { icon: emojiNature; }
emojiCategoryFood: IconButton(emojiCategory) { icon: emojiFood; }
emojiCategoryActivity: IconButton(emojiCategory) { icon: emojiActivity; }
emojiCategoryTravel: IconButton(emojiCategory) { icon: emojiTravel; }
emojiCategoryObjects: IconButton(emojiCategory) { icon: emojiObjects; }
emojiCategorySymbols: IconButton(emojiCategory) { icon: emojiSymbols; }
emojiPanAnimation: PanelAnimation(defaultPanelAnimation) {
fadeBg: emojiPanBg;
}
2016-10-27 14:10:28 +00:00
emojiPanPadding: 12px;
emojiPanWidth: 345px;
emojiPanMinHeight: 278px;
emojiPanMaxHeight: 640px;
emojiPanHeightRatio: 0.75;
emojiPanShowDuration: 200;
emojiPanDuration: 200;
emojiPanHover: windowBgOver;
emojiPanSlideDuration: 200;
emojiPanDesiredSize: 45px;
2016-10-27 14:10:28 +00:00
inlineResultsMinHeight: 278px;
inlineResultsMaxHeight: 640px;
2016-10-27 14:10:28 +00:00
emojiPanHeader: 42px;
emojiPanHeaderFont: semiboldFont;
emojiPanHeaderLeft: 22px;
emojiPanHeaderTop: 12px;
emojiColorsPadding: 5px;
emojiColorsSep: 1px;
emojiColorsSepColor: shadowFg;
2016-10-27 14:10:28 +00:00
emojiSwitchSkip: 27px;
emojiSwitchImgSkip: 21px;
emojiSwitchColor: windowActiveTextFg;
emojiSwitchStickers: icon {{ "emoji_switch", emojiSwitchColor }};
emojiSwitchEmoji: icon {{ "emoji_switch-flip_horizontal", emojiSwitchColor }};
2016-10-27 14:10:28 +00:00
hashtagClose: IconButton {
width: 30px;
height: 30px;
icon: smallCloseIcon;
iconOver: smallCloseIconOver;
iconPosition: point(10px, 10px);
rippleAreaPosition: point(5px, 5px);
rippleAreaSize: 20px;
ripple: RippleAnimation(defaultRippleAnimation) {
color: windowBgOver;
}
}
stickerPanWidthMin: 64px;
stickerPanSize: size(stickerPanWidthMin, stickerPanWidthMin);
stickerPanPadding: 11px;
stickerPanDeleteIconBg: icon {{ "emoji_delete_bg", stickerPanDeleteBg }};
stickerPanDeleteIconFg: icon {{ "emoji_delete", stickerPanDeleteFg }};
stickerPanDeleteOpacityBg: 0.3;
stickerPanDeleteOpacityBgOver: 0.5;
stickerPanDeleteOpacityFg: 0.8;
stickerPanDeleteOpacityFgOver: 1.;
stickerPanRemoveSet: hashtagClose;
stickerIconWidth: 42px;
stickerIconHeight: emojiFooterHeight;
stickerIconPadding: 5px;
stickerIconOpacity: 0.7;
stickerIconSel: 2px;
stickerIconSelColor: emojiIconFgActive;
stickerIconMove: 400;
stickerPreviewDuration: 150;
stickerPreviewMin: 0.1;
stickerGroupCategorySize: 28px;
stickerGroupCategoryAbout: defaultTextStyle;
stickerGroupCategoryAddMargin: margins(0px, 10px, 0px, 5px);
stickerGroupCategoryAdd: stickersTrendingAdd;
2020-04-29 14:52:40 +00:00
stickersToast: Toast(defaultToast) {
minWidth: 340px;
maxWidth: 340px;
padding: margins(16px, 13px, 16px, 12px);
}
2018-03-02 17:17:33 +00:00
stickersEmpty: icon {{ "stickers_empty", windowSubTextFg }};
inlineBotsScroll: ScrollArea(defaultSolidScroll) {
deltat: stickerPanPadding;
deltab: stickerPanPadding;
}
2017-03-31 15:50:02 +00:00
gifsSearchField: defaultMultiSelectSearchField;
2017-03-31 15:50:02 +00:00
gifsSearchFieldPosition: point(42px, 7px);
gifsSearchCancel: defaultMultiSelectSearchCancel;
2017-03-31 15:50:02 +00:00
gifsSearchCancelPosition: point(1px, 1px);
gifsSearchIcon: boxFieldSearchIcon;
gifsSearchIconPosition: point(6px, 7px);
emojiSuggestionsDropdown: InnerDropdown(defaultInnerDropdown) {
2019-03-30 10:00:31 +00:00
scrollMargin: margins(0px, emojiColorsPadding, 0px, emojiColorsPadding);
scrollPadding: margins(0px, 0px, 0px, 0px);
}
2019-03-30 10:00:31 +00:00
emojiSuggestionSize: 40px;
emojiSuggestionsScrolledWidth: 240px;
emojiSuggestionsPadding: margins(emojiColorsPadding, 0px, emojiColorsPadding, 0px);
emojiSuggestionsFadeAfter: 20px;
mentionHeight: 40px;
mentionScroll: ScrollArea(defaultScrollArea) {
topsh: 0px;
bottomsh: 0px;
}
mentionPadding: margins(8px, 5px, 8px, 5px);
mentionTop: 11px;
mentionFont: linkFont;
mentionNameFg: windowFg;
mentionNameFgOver: windowFgOver;
mentionPhotoSize: msgPhotoSize;
mentionBg: windowBg;
mentionBgOver: windowBgOver;
mentionFg: windowSubTextFg;
mentionFgOver: windowSubTextFgOver;
mentionFgActive: windowActiveTextFg;
mentionFgOverActive: windowActiveTextFg;
autocompleteSearchPadding: margins(16px, 5px, 16px, 5px);
autocompleteRowPadding: margins(16px, 5px, 16px, 5px);
autocompleteRowTitle: semiboldTextStyle;
autocompleteRowKeys: defaultTextStyle;
autocompleteRowAnswer: defaultTextStyle;
2018-12-26 14:00:08 +00:00
2019-01-02 12:11:13 +00:00
manageEmojiPreview: 22px;
manageEmojiPreviewWidth: 48px;
manageEmojiPreviewHeight: 48px;
2020-04-29 08:08:34 +00:00
manageEmojiPreviewPadding: margins(22px, 9px, 19px, 9px);
2019-01-02 12:11:13 +00:00
manageEmojiMarginRight: 21px;
manageEmojiNameTop: 3px;
manageEmojiStatusTop: 25px;
2020-10-19 15:37:59 +00:00
inlineRadialSize: 44px;
inlineFileSize: 44px;