init
Some checks failed
Docker. / Ubuntu (push) Has been cancelled
User-agent updater. / User-agent (push) Failing after 15s
Lock Threads / lock (push) Failing after 10s
Waiting for answer. / waiting-for-answer (push) Failing after 22s
Needs user action. / needs-user-action (push) Failing after 8s
Can't reproduce. / cant-reproduce (push) Failing after 8s
Close stale issues and PRs / stale (push) Has been cancelled
Some checks failed
Docker. / Ubuntu (push) Has been cancelled
User-agent updater. / User-agent (push) Failing after 15s
Lock Threads / lock (push) Failing after 10s
Waiting for answer. / waiting-for-answer (push) Failing after 22s
Needs user action. / needs-user-action (push) Failing after 8s
Can't reproduce. / cant-reproduce (push) Failing after 8s
Close stale issues and PRs / stale (push) Has been cancelled
This commit is contained in:
396
Telegram/SourceFiles/window/window.style
Normal file
396
Telegram/SourceFiles/window/window.style
Normal file
@@ -0,0 +1,396 @@
|
||||
/*
|
||||
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
|
||||
*/
|
||||
using "ui/basic.style";
|
||||
using "ui/widgets/widgets.style";
|
||||
using "chat_helpers/chat_helpers.style";
|
||||
using "boxes/boxes.style"; // UserpicButton
|
||||
|
||||
windowMinWidth: 380px;
|
||||
windowMinHeight: 480px;
|
||||
windowDefaultWidth: 800px;
|
||||
windowDefaultHeight: 600px;
|
||||
windowBigDefaultWidth: 1024px;
|
||||
windowBigDefaultHeight: 768px;
|
||||
|
||||
columnMinimalWidthLeft: 260px;
|
||||
columnMaximalWidthLeft: 540px;
|
||||
columnMinimalWidthMain: 380px;
|
||||
columnMinimalWidthThird: 292px;
|
||||
columnMaximalWidthThird: 392px;
|
||||
|
||||
adaptiveChatWideWidth: 880px;
|
||||
|
||||
notifyBorder: windowShadowFgFallback;
|
||||
notifyBorderWidth: 1px;
|
||||
notifySlowHide: 4000;
|
||||
notifyPhotoSize: 62px;
|
||||
notifyMacPhotoSize: 64px;
|
||||
notifyPhotoPos: point(9px, 9px);
|
||||
notifyClosePos: point(1px, 2px);
|
||||
notifyClose: IconButton {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
|
||||
icon: smallCloseIcon;
|
||||
iconOver: smallCloseIconOver;
|
||||
|
||||
iconPosition: point(10px, 10px);
|
||||
|
||||
rippleAreaPosition: point(5px, 5px);
|
||||
rippleAreaSize: 20px;
|
||||
ripple: defaultRippleAnimationBgOver;
|
||||
}
|
||||
notifyItemTop: 12px;
|
||||
notifyTextLeft: 12px;
|
||||
notifyTextTop: 7px;
|
||||
notifyWaitLongHide: 3000;
|
||||
notifyFastAnim: 150;
|
||||
notifyWidth: 320px;
|
||||
notifyMinHeight: 80px;
|
||||
notifyDeltaX: 6px;
|
||||
notifyDeltaY: 7px;
|
||||
notifyActionsDuration: 200;
|
||||
|
||||
notifyHideAllHeight: 36px;
|
||||
|
||||
notifyReplyArea: InputField(defaultInputField) {
|
||||
style: defaultTextStyle;
|
||||
textMargins: margins(8px, 8px, 8px, 6px);
|
||||
heightMin: 36px;
|
||||
heightMax: 72px;
|
||||
placeholderFg: placeholderFg;
|
||||
placeholderFgActive: placeholderFgActive;
|
||||
placeholderFgError: placeholderFgActive;
|
||||
placeholderMargins: margins(2px, 0px, 2px, 0px);
|
||||
placeholderScale: 0.;
|
||||
placeholderFont: normalFont;
|
||||
border: 0px;
|
||||
borderActive: 0px;
|
||||
}
|
||||
notifySendReply: IconButton {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
|
||||
icon: historySendIcon;
|
||||
iconOver: historySendIconOver;
|
||||
iconPosition: point(6px, 6px);
|
||||
}
|
||||
notifyFadeRight: icon {{ "fade_horizontal", notificationBg }};
|
||||
|
||||
titleUnreadCounterTop: 6px;
|
||||
titleUnreadCounterRight: 35px;
|
||||
|
||||
mainMenuWidth: 274px;
|
||||
mainMenuCoverHeight: 134px;
|
||||
mainMenuUserpicLeft: 24px;
|
||||
mainMenuUserpicTop: 20px;
|
||||
mainMenuUserpic: UserpicButton(defaultUserpicButton) {
|
||||
size: size(48px, 48px);
|
||||
photoSize: 48px;
|
||||
}
|
||||
mainMenuCloudButton: IconButton {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
|
||||
icon: icon {
|
||||
// { "menu_cloud", mainMenuCloudFg },
|
||||
};
|
||||
iconPosition: point(22px, 22px);
|
||||
}
|
||||
mainMenuCloudSize: 32px;
|
||||
mainMenuResetScaleFont: font(20px semibold);
|
||||
mainMenuResetScaleLeft: 36px;
|
||||
mainMenuResetScaleRight: 12px;
|
||||
mainMenuResetScaleTop: 2px;
|
||||
mainMenuResetScaleIconLeft: 5px;
|
||||
mainMenuCoverNameLeft: 26px;
|
||||
mainMenuCoverNameTop: 84px;
|
||||
mainMenuCoverStatusLeft: mainMenuCoverNameLeft;
|
||||
mainMenuCoverStatusTop: 103px;
|
||||
mainMenuSkip: 6px;
|
||||
mainMenuFooterHeightMin: 80px;
|
||||
mainMenu: Menu(defaultMenu) {
|
||||
itemFg: windowBoldFg;
|
||||
itemFgOver: windowBoldFgOver;
|
||||
itemStyle: semiboldTextStyle;
|
||||
itemIconPosition: point(26px, 8px);
|
||||
itemPadding: margins(76px, 13px, 28px, 13px);
|
||||
itemToggle: Toggle(defaultMenuToggle) {
|
||||
toggledFg: mainMenuCoverBg;
|
||||
}
|
||||
itemToggleOver: Toggle(defaultMenuToggleOver) {
|
||||
toggledFg: mainMenuCoverBg;
|
||||
}
|
||||
itemToggleShift: 11px;
|
||||
}
|
||||
mainMenuButton: SettingsButton(defaultSettingsButton) {
|
||||
style: semiboldTextStyle;
|
||||
padding: margins(61px, 11px, 20px, 9px);
|
||||
toggleSkip: 19px;
|
||||
iconLeft: 21px;
|
||||
}
|
||||
mainMenuAddAccountButton: SettingsButton(mainMenuButton) {
|
||||
iconLeft: 23px;
|
||||
}
|
||||
|
||||
mainMenuAccountSize: 26px;
|
||||
mainMenuAccountLine: 2px;
|
||||
mainMenuBadgeFont: font(11px bold);
|
||||
mainMenuBadgeSize: 18px;
|
||||
|
||||
mainMenuFooterLeft: 25px;
|
||||
mainMenuTelegramLabel: FlatLabel(defaultFlatLabel) {
|
||||
align: align(left);
|
||||
textFg: windowSubTextFg;
|
||||
style: TextStyle(defaultTextStyle) {
|
||||
font: semiboldFont;
|
||||
}
|
||||
palette: TextPalette(defaultTextPalette) {
|
||||
linkFg: windowSubTextFg;
|
||||
}
|
||||
}
|
||||
mainMenuTelegramBottom: 38px;
|
||||
mainMenuVersionLabel: FlatLabel(mainMenuTelegramLabel) {
|
||||
style: defaultTextStyle;
|
||||
}
|
||||
mainMenuVersionBottom: 17px;
|
||||
|
||||
mainMenuToggleSize: 6px;
|
||||
mainMenuToggleFourStrokes: 3px;
|
||||
mainMenuTogglePosition: point(30px, 30px);
|
||||
|
||||
themeEditorSampleSize: size(90px, 51px);
|
||||
themeEditorMargin: margins(17px, 10px, 17px, 10px);
|
||||
themeEditorDescriptionSkip: 10px;
|
||||
themeEditorNameFont: font(15px semibold);
|
||||
themeEditorCopyNameFont: font(fsize semibold);
|
||||
|
||||
connectingLeftShadow: icon {{ "connecting_left_shadow", windowShadowFg }};
|
||||
connectingLeft: icon {{ "connecting_left", windowBg }};
|
||||
connectingRightShadow: icon {{ "connecting_right_shadow", windowShadowFg }};
|
||||
connectingRight: icon {{ "connecting_right", windowBg }};
|
||||
connectingBodyShadow: icon {{ "connecting_body_shadow", windowShadowFg }};
|
||||
connectingBody: icon {{ "connecting_body", windowBg }};
|
||||
connectingMargin: margins(2px, 2px, 2px, 2px);
|
||||
connectingTextPadding: margins(18px, 11px, 18px, 0px);
|
||||
connectingRadial: InfiniteRadialAnimation(defaultInfiniteRadialAnimation) {
|
||||
color: menuIconFg;
|
||||
thickness: 2px;
|
||||
size: size(20px, 20px);
|
||||
}
|
||||
connectingRetryLink: LinkButton(defaultLinkButton) {
|
||||
padding: margins(6px, 11px, 6px, 0px);
|
||||
}
|
||||
connectingProxyOff: icon {{ "proxy_off", menuIconFg }};
|
||||
connectingProxyOn: icon {{ "proxy_on", windowBgActive }};
|
||||
connectingDuration: 150;
|
||||
|
||||
windowOutdatedDetails: FlatLabel(defaultFlatLabel) {
|
||||
align: align(top);
|
||||
minWidth: 100px;
|
||||
textFg: outdatedFg;
|
||||
}
|
||||
windowOutdatedTitle: FlatLabel(windowOutdatedDetails) {
|
||||
style: semiboldTextStyle;
|
||||
}
|
||||
windowOutdatedPadding: margins(10px, 10px, 10px, 10px);
|
||||
windowOutdatedSkip: 6px;
|
||||
windowOutdatedClose: IconButton(defaultIconButton) {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
icon: icon {{ "info/info_close", outdatedFg }};
|
||||
iconOver: icon {{ "info/info_close", outdatedFg }};
|
||||
iconPosition: point(-1px, -1px);
|
||||
}
|
||||
|
||||
createThemeImportButton: SettingsButton(defaultSettingsButton) {
|
||||
textFg: lightButtonFg;
|
||||
textFgOver: lightButtonFgOver;
|
||||
textBg: windowBg;
|
||||
textBgOver: windowBgOver;
|
||||
|
||||
style: semiboldTextStyle;
|
||||
|
||||
height: 20px;
|
||||
padding: margins(22px, 10px, 22px, 8px);
|
||||
|
||||
ripple: defaultRippleAnimation;
|
||||
}
|
||||
createThemeLink: InputField(defaultInputField) {
|
||||
textMargins: margins(0px, 7px, 0px, 0px);
|
||||
textBg: boxBg;
|
||||
|
||||
placeholderFg: placeholderFg;
|
||||
placeholderFgActive: placeholderFgActive;
|
||||
placeholderFgError: placeholderFgActive;
|
||||
placeholderMargins: margins(0px, 0px, 0px, 0px);
|
||||
placeholderScale: 0.;
|
||||
placeholderFont: boxTextFont;
|
||||
|
||||
heightMin: 34px;
|
||||
}
|
||||
|
||||
windowFiltersWidth: 72px;
|
||||
windowFiltersButton: SideBarButton(defaultSideBarButton) {
|
||||
textTop: 40px;
|
||||
textSkip: 6px;
|
||||
minHeight: 62px;
|
||||
minTextWidth: 48px;
|
||||
style: TextStyle(defaultTextStyle) {
|
||||
font: font(11px semibold);
|
||||
}
|
||||
badgeStyle: TextStyle(defaultTextStyle) {
|
||||
font: font(12px semibold);
|
||||
}
|
||||
badgeSkip: 4px;
|
||||
badgeHeight: 17px;
|
||||
badgeStroke: 2px;
|
||||
badgePosition: point(3px, 7px);
|
||||
iconPosition: point(-1px, 6px);
|
||||
}
|
||||
windowFiltersMainMenu: SideBarButton(windowFiltersButton) {
|
||||
icon: icon {{ "dialogs/dialogs_menu", sideBarIconFg }};
|
||||
iconPosition: point(-1px, -1px);
|
||||
minHeight: 54px;
|
||||
}
|
||||
windowFiltersMainMenuUnread: icon {
|
||||
{ "dialogs/dialogs_menu_unread", sideBarIconFg },
|
||||
{ "dialogs/dialogs_menu_unread_dot", sideBarBadgeBg },
|
||||
};
|
||||
windowFiltersMainMenuUnreadMuted: icon {
|
||||
{ "dialogs/dialogs_menu_unread", sideBarIconFg },
|
||||
{ "dialogs/dialogs_menu_unread_dot", sideBarBadgeBgMuted },
|
||||
};
|
||||
windowFilterSmallItem: PeerListItem(defaultPeerListItem) {
|
||||
height: 44px;
|
||||
photoPosition: point(13px, 5px);
|
||||
namePosition: point(59px, 14px);
|
||||
photoSize: 34px;
|
||||
checkbox: RoundImageCheckbox(defaultPeerListCheckbox) {
|
||||
imageRadius: 17px;
|
||||
imageSmallRadius: 14px;
|
||||
}
|
||||
}
|
||||
windowFilterSmallList: PeerList(defaultPeerList) {
|
||||
item: windowFilterSmallItem;
|
||||
}
|
||||
windowFilterSmallRemove: IconButton(notifyClose) {
|
||||
}
|
||||
windowFilterSmallRemoveRight: 10px;
|
||||
windowFilterNameInput: InputField(defaultInputField) {
|
||||
textMargins: margins(0px, 26px, 87px, 4px);
|
||||
}
|
||||
windowFilterNameEmojiPosition: point(-65px, 22px);
|
||||
windowFilterNameCharsLimitRightPosition: point(75px, 27px);
|
||||
windowFilterStaticTitlePosition: point(0px, 5px);
|
||||
windowFilterIconToggleSize: size(36px, 36px);
|
||||
windowFilterIconTogglePosition: point(-4px, 18px);
|
||||
windwoFilterIconPanelPosition: point(-2px, -1px);
|
||||
windowFilterIconSingle: size(44px, 42px);
|
||||
windowFilterIconPadding: margins(10px, 36px, 10px, 8px);
|
||||
windowFilterIconHeaderPosition: point(18px, 14px);
|
||||
windowFilterTypeContacts: icon {{ "folders/folders_type_contacts", historyPeerUserpicFg }};
|
||||
windowFilterTypeNonContacts: icon {{ "folders/folders_type_noncontacts", historyPeerUserpicFg }};
|
||||
windowFilterTypeGroups: icon {{ "folders/folders_type_groups", historyPeerUserpicFg }};
|
||||
windowFilterTypeChannels: icon {{ "folders/folders_type_channels", historyPeerUserpicFg }};
|
||||
windowFilterTypeBots: icon {{ "folders/folders_type_bots", historyPeerUserpicFg }};
|
||||
windowFilterTypeNoMuted: icon {{ "folders/folders_type_muted", historyPeerUserpicFg }};
|
||||
windowFilterTypeNoArchived: icon {{ "folders/folders_type_archived", historyPeerUserpicFg }};
|
||||
windowFilterTypeNoRead: icon {{ "folders/folders_type_read", historyPeerUserpicFg }};
|
||||
windowFilterTypeNewChats: icon {{ "folders/folder_new_chats", historyPeerUserpicFg }};
|
||||
windowFilterTypeExistingChats: icon {{ "folders/folder_existing_chats", historyPeerUserpicFg }};
|
||||
windowFilterChatsSectionSubtitleHeight: 28px;
|
||||
windowFilterChatsSectionSubtitle: FlatLabel(defaultFlatLabel) {
|
||||
style: TextStyle(defaultTextStyle) {
|
||||
font: semiboldFont;
|
||||
}
|
||||
textFg: searchedBarFg;
|
||||
}
|
||||
windowFilterChatsSectionSubtitlePadding: margins(22px, 5px, 22px, 5px);
|
||||
|
||||
windowArchiveToast: Toast(defaultToast) {
|
||||
minWidth: boxWideWidth;
|
||||
maxWidth: boxWideWidth;
|
||||
}
|
||||
|
||||
windowFeeItem: Menu(defaultMenu) {
|
||||
itemPadding: margins(17px, 3px, 17px, 4px);
|
||||
itemRightSkip: 0px;
|
||||
itemStyle: whenReadStyle;
|
||||
itemFgOver: windowFg;
|
||||
itemFgDisabled: windowFg;
|
||||
}
|
||||
|
||||
ivWidthMin: 380px;
|
||||
ivHeightMin: 480px;
|
||||
ivWidthDefault: 600px;
|
||||
ivHeightDefault: 800px;
|
||||
|
||||
maxWidthSharedMediaWindow: 419px;
|
||||
|
||||
chatSwitchMargins: margins(16px, 16px, 16px, 16px);
|
||||
chatSwitchPadding: margins(12px, 12px, 12px, 12px);
|
||||
chatSwitchSize: size(72px, 104px);
|
||||
chatSwitchUserpic: UserpicButton(defaultUserpicButton) {
|
||||
size: size(56px, 56px);
|
||||
photoSize: 56px;
|
||||
}
|
||||
chatSwitchUserpicSublist: UserpicButton(defaultUserpicButton) {
|
||||
size: size(40px, 40px);
|
||||
photoSize: 40px;
|
||||
}
|
||||
chatSwitchUserpicSmall: UserpicButton(defaultUserpicButton) {
|
||||
size: size(24px, 24px);
|
||||
photoSize: 24px;
|
||||
}
|
||||
chatSwitchUserpicTop: 8px;
|
||||
chatSwitchNameLabel: FlatLabel(defaultFlatLabel) {
|
||||
style: TextStyle(defaultTextStyle) {
|
||||
font: font(11px);
|
||||
}
|
||||
align: align(top);
|
||||
minWidth: 56px;
|
||||
maxHeight: 36px;
|
||||
}
|
||||
chatSwitchNameSkip: 6px;
|
||||
chatSwitchSelectLine: 3px;
|
||||
|
||||
lockSetupEmailLabelMaxWidth: 256px + 24px + 24px;
|
||||
lockSetupEmailTitle: FlatLabel(defaultFlatLabel) {
|
||||
minWidth: lockSetupEmailLabelMaxWidth;
|
||||
style: TextStyle(defaultTextStyle) {
|
||||
font: font(19px);
|
||||
}
|
||||
}
|
||||
lockSetupEmailLabel: FlatLabel(defaultFlatLabel) {
|
||||
minWidth: 256px;
|
||||
}
|
||||
lockSetupEmailLogOutPosition: point(10px, 10px);
|
||||
lockSetupEmailUserpicSmall: UserpicButton(defaultUserpicButton) {
|
||||
size: size(22px, 22px);
|
||||
photoSize: 22px;
|
||||
}
|
||||
|
||||
// Windows specific
|
||||
|
||||
winQuitIcon: icon {{ "win_quit", windowFg }};
|
||||
|
||||
// Mac specific
|
||||
|
||||
macAccessoryWidth: 450.;
|
||||
macAccessoryHeight: 90.;
|
||||
macEnableFilterAdd: 2;
|
||||
macEnableFilterTop: 5;
|
||||
macSelectorTop: 6;
|
||||
macAlwaysThisAppTop: 4;
|
||||
macAppHintTop: 8;
|
||||
macCautionIconSize: 16;
|
||||
|
||||
macWindowRoundRadius: 10;
|
||||
macWindowShadowTopLeft: icon {{ "mac_window_shadow_top_left", windowShadowFg }};
|
||||
macTrayIcon: icon {{ "mac_tray_icon", windowFg }};
|
||||
Reference in New Issue
Block a user