2016-07-11 18:05:46 +00:00
|
|
|
/*
|
|
|
|
This file is part of Telegram Desktop,
|
2018-01-03 10:23:14 +00:00
|
|
|
the official desktop application for the Telegram messaging service.
|
2016-07-11 18:05:46 +00:00
|
|
|
|
2018-01-03 10:23:14 +00:00
|
|
|
For license and copyright information please follow this link:
|
|
|
|
https://github.com/telegramdesktop/tdesktop/blob/master/LEGAL
|
2016-07-11 18:05:46 +00:00
|
|
|
*/
|
|
|
|
|
2019-09-17 16:13:12 +00:00
|
|
|
using "ui/basic.style";
|
2016-07-11 18:05:46 +00:00
|
|
|
using "ui/widgets/widgets.style";
|
2021-12-10 12:10:14 +00:00
|
|
|
using "ui/menu_icons.style";
|
2023-03-15 09:36:32 +00:00
|
|
|
using "media/player/media_player.style";
|
2023-05-05 10:40:51 +00:00
|
|
|
using "boxes/boxes.style";
|
2016-07-11 18:05:46 +00:00
|
|
|
|
|
|
|
mediaviewOverDuration: 150;
|
2016-12-21 15:05:58 +00:00
|
|
|
|
2016-09-23 16:04:26 +00:00
|
|
|
mediaviewPlayback: MediaSlider {
|
|
|
|
width: 3px;
|
|
|
|
activeFg: mediaviewPlaybackActive;
|
|
|
|
inactiveFg: mediaviewPlaybackInactive;
|
2016-11-01 12:46:34 +00:00
|
|
|
activeFgOver: mediaviewPlaybackActiveOver;
|
2019-03-05 11:06:54 +00:00
|
|
|
inactiveFgOver: mediaviewPlaybackInactive;
|
2016-11-01 12:46:34 +00:00
|
|
|
activeFgDisabled: mediaviewPlaybackActive;
|
|
|
|
inactiveFgDisabled: mediaviewPlaybackInactive;
|
2019-03-05 11:06:54 +00:00
|
|
|
receivedTillFg: mediaviewPlaybackInactiveOver;
|
2020-01-31 09:54:57 +00:00
|
|
|
seekSize: size(12px, 12px);
|
2016-09-23 16:04:26 +00:00
|
|
|
duration: mediaviewOverDuration;
|
|
|
|
}
|
2023-03-15 09:36:32 +00:00
|
|
|
mediaviewPlaybackTop: 49px;
|
|
|
|
mediaviewPlayProgressTop: 46px;
|
2016-09-23 16:04:26 +00:00
|
|
|
|
2020-01-31 09:54:57 +00:00
|
|
|
mediaviewControlsButton: IconButton {
|
|
|
|
ripple: RippleAnimation(defaultRippleAnimation) {
|
|
|
|
color: mediaviewPlaybackIconRipple;
|
|
|
|
}
|
|
|
|
rippleAreaPosition: point(0px, 0px);
|
|
|
|
duration: mediaviewOverDuration;
|
|
|
|
}
|
|
|
|
|
2023-03-15 09:36:32 +00:00
|
|
|
mediaviewControllerSize: size(480px, 72px);
|
2016-07-11 18:05:46 +00:00
|
|
|
mediaviewPlayProgressLabel: LabelSimple(defaultLabelSimple) {
|
2023-03-15 09:36:32 +00:00
|
|
|
font: font(12px semibold);
|
2016-12-21 15:05:58 +00:00
|
|
|
textFg: mediaviewPlaybackProgressFg;
|
2016-07-11 18:05:46 +00:00
|
|
|
}
|
2023-03-15 09:36:32 +00:00
|
|
|
mediaviewPlayProgressSkip: 10px;
|
|
|
|
mediaviewPlayProgressLeft: 4px;
|
|
|
|
mediaviewPlayButtonTop: 2px;
|
2020-01-31 09:54:57 +00:00
|
|
|
mediaviewPlayButton: IconButton(mediaviewControlsButton) {
|
2023-03-15 09:36:32 +00:00
|
|
|
width: 40px;
|
|
|
|
height: 40px;
|
|
|
|
rippleAreaSize: 40px;
|
2016-07-11 18:05:46 +00:00
|
|
|
|
2023-03-15 12:31:36 +00:00
|
|
|
icon: icon {{ "player/player_play_big", mediaviewPlaybackIconFg }};
|
|
|
|
iconOver: icon {{ "player/player_play_big", mediaviewPlaybackIconFgOver }};
|
2023-03-15 09:36:32 +00:00
|
|
|
iconPosition: point(8px, 8px);
|
2020-01-31 09:54:57 +00:00
|
|
|
}
|
2023-03-15 12:31:36 +00:00
|
|
|
mediaviewPauseIcon: icon {{ "player/player_pause_big", mediaviewPlaybackIconFg }};
|
|
|
|
mediaviewPauseIconOver: icon {{ "player/player_pause_big", mediaviewPlaybackIconFgOver }};
|
2016-07-11 18:05:46 +00:00
|
|
|
|
2023-03-15 09:36:32 +00:00
|
|
|
mediaviewButtonsTop: 6px;
|
|
|
|
mediaviewButtonsRight: 8px;
|
2020-01-31 09:54:57 +00:00
|
|
|
|
2023-03-15 09:36:32 +00:00
|
|
|
mediaviewPipButtonSkip: 4px;
|
|
|
|
mediaviewPipButton: IconButton(mediaviewControlsButton) {
|
|
|
|
width: 32px;
|
|
|
|
height: 32px;
|
|
|
|
rippleAreaSize: 32px;
|
2021-11-18 13:13:44 +00:00
|
|
|
icon: icon {{ "player/player_pip", mediaviewPlaybackIconFg }};
|
|
|
|
iconOver: icon {{ "player/player_pip", mediaviewPlaybackIconFgOver }};
|
2023-03-15 09:36:32 +00:00
|
|
|
iconPosition: point(4px, 4px);
|
2016-07-11 18:05:46 +00:00
|
|
|
}
|
2020-01-28 13:48:25 +00:00
|
|
|
|
2023-03-15 09:36:32 +00:00
|
|
|
mediaviewFullScreenButtonSkip: 4px;
|
|
|
|
mediaviewFullScreenButton: IconButton(mediaviewPipButton) {
|
2021-11-18 13:13:44 +00:00
|
|
|
icon: icon {{ "player/player_fullscreen", mediaviewPlaybackIconFg }};
|
|
|
|
iconOver: icon {{ "player/player_fullscreen", mediaviewPlaybackIconFgOver }};
|
2020-01-31 09:54:57 +00:00
|
|
|
}
|
2021-11-18 13:13:44 +00:00
|
|
|
mediaviewFullScreenOutIcon: icon {{ "player/player_minimize", mediaviewPlaybackIconFg }};
|
|
|
|
mediaviewFullScreenOutIconOver: icon {{ "player/player_minimize", mediaviewPlaybackIconFgOver }};
|
2020-01-31 09:54:57 +00:00
|
|
|
|
|
|
|
mediaviewVolumeWidth: 75px;
|
|
|
|
mediaviewControllerRadius: 9px;
|
|
|
|
|
2021-11-18 13:13:44 +00:00
|
|
|
mediaviewVolumeIcon0: icon {{ "player/player_volume_off", mediaviewPlaybackIconFg }};
|
|
|
|
mediaviewVolumeIcon0Over: icon {{ "player/player_volume_off", mediaviewPlaybackIconFgOver }};
|
|
|
|
mediaviewVolumeIcon1: icon {{ "player/player_volume_small", mediaviewPlaybackIconFg }};
|
|
|
|
mediaviewVolumeIcon1Over: icon {{ "player/player_volume_small", mediaviewPlaybackIconFgOver }};
|
|
|
|
mediaviewVolumeIcon2: icon {{ "player/player_volume_on", mediaviewPlaybackIconFg }};
|
|
|
|
mediaviewVolumeIcon2Over: icon {{ "player/player_volume_on", mediaviewPlaybackIconFgOver }};
|
2023-03-15 09:36:32 +00:00
|
|
|
mediaviewVolumeTop: 6px;
|
|
|
|
mediaviewVolumeToggleLeft: 6px;
|
2020-01-31 09:54:57 +00:00
|
|
|
mediaviewVolumeToggle: IconButton(mediaviewControlsButton) {
|
2023-03-15 09:36:32 +00:00
|
|
|
width: 32px;
|
|
|
|
height: 32px;
|
|
|
|
rippleAreaSize: 32px;
|
2020-01-28 13:48:25 +00:00
|
|
|
icon: mediaviewVolumeIcon0;
|
|
|
|
iconOver: mediaviewVolumeIcon0Over;
|
2023-03-15 09:36:32 +00:00
|
|
|
iconPosition: point(4px, 4px);
|
2020-01-28 13:48:25 +00:00
|
|
|
}
|
2023-03-15 09:36:32 +00:00
|
|
|
mediaviewVolumeSkip: 3px;
|
2020-01-28 13:48:25 +00:00
|
|
|
|
2023-02-24 15:25:12 +00:00
|
|
|
mediaviewLeft: icon {
|
|
|
|
{ "mediaview/next_shadow-flip_horizontal", windowShadowFg }
|
|
|
|
{ "mediaview/next-flip_horizontal", mediaviewControlFg }
|
|
|
|
};
|
|
|
|
mediaviewRight: icon {
|
|
|
|
{ "mediaview/next_shadow", windowShadowFg }
|
|
|
|
{ "mediaview/next", mediaviewControlFg }
|
|
|
|
};
|
2023-02-24 07:43:02 +00:00
|
|
|
mediaviewSave: icon {{ "mediaview/download", mediaviewControlFg }};
|
|
|
|
mediaviewRotate: icon {{ "mediaview/rotate", mediaviewControlFg }};
|
2023-02-24 15:25:12 +00:00
|
|
|
mediaviewMore: icon {{ "title_menu_dots", mediaviewControlFg }};
|
2016-09-30 16:40:00 +00:00
|
|
|
|
|
|
|
mediaviewFileRed: icon {
|
2016-10-31 12:29:26 +00:00
|
|
|
{ size(25px, 25px), mediaviewFileBg },
|
2023-02-24 07:43:02 +00:00
|
|
|
{ "mediaview/file_corner", mediaviewFileRedCornerFg },
|
2016-09-30 16:40:00 +00:00
|
|
|
};
|
|
|
|
mediaviewFileYellow: icon {
|
2016-10-31 12:29:26 +00:00
|
|
|
{ size(25px, 25px), mediaviewFileBg },
|
2023-02-24 07:43:02 +00:00
|
|
|
{ "mediaview/file_corner", mediaviewFileYellowCornerFg },
|
2016-09-30 16:40:00 +00:00
|
|
|
};
|
|
|
|
mediaviewFileGreen: icon {
|
2016-10-31 12:29:26 +00:00
|
|
|
{ size(25px, 25px), mediaviewFileBg },
|
2023-02-24 07:43:02 +00:00
|
|
|
{ "mediaview/file_corner", mediaviewFileGreenCornerFg },
|
2016-09-30 16:40:00 +00:00
|
|
|
};
|
|
|
|
mediaviewFileBlue: icon {
|
2016-10-31 12:29:26 +00:00
|
|
|
{ size(25px, 25px), mediaviewFileBg },
|
2023-02-24 07:43:02 +00:00
|
|
|
{ "mediaview/file_corner", mediaviewFileBlueCornerFg },
|
2016-09-30 16:40:00 +00:00
|
|
|
};
|
2016-10-22 18:58:25 +00:00
|
|
|
|
2016-10-31 12:29:26 +00:00
|
|
|
mediaviewFilePadding: 18px;
|
|
|
|
mediaviewFileSize: size(340px, 116px);
|
|
|
|
mediaviewFileNameTop: 4px;
|
|
|
|
mediaviewFileNameFont: font(semibold 14px);
|
|
|
|
mediaviewFileSizeTop: 29px;
|
|
|
|
mediaviewFileExtTop: 35px;
|
|
|
|
mediaviewFileExtFont: font(semibold 18px);
|
|
|
|
mediaviewFileExtPadding: 10px;
|
|
|
|
mediaviewFileLinksTop: 57px;
|
|
|
|
mediaviewFileIconSize: 80px;
|
|
|
|
|
2016-12-21 15:05:58 +00:00
|
|
|
mediaviewFileLink: defaultLinkButton;
|
2016-10-31 12:29:26 +00:00
|
|
|
|
2023-03-15 09:36:32 +00:00
|
|
|
mediaviewMenuSeparator: MenuSeparator(defaultMenuSeparator) {
|
|
|
|
fg: mediaviewMenuFg;
|
|
|
|
}
|
2021-12-10 12:10:14 +00:00
|
|
|
mediaviewMenu: Menu(menuWithIcons) {
|
2016-10-31 12:29:26 +00:00
|
|
|
itemBg: mediaviewMenuBg;
|
|
|
|
itemBgOver: mediaviewMenuBgOver;
|
|
|
|
itemFg: mediaviewMenuFg;
|
|
|
|
itemFgOver: mediaviewMenuFg;
|
|
|
|
itemFgDisabled: mediaviewMenuFg;
|
|
|
|
itemFgShortcut: mediaviewMenuFg;
|
|
|
|
itemFgShortcutOver: mediaviewMenuFg;
|
|
|
|
itemFgShortcutDisabled: mediaviewMenuFg;
|
|
|
|
|
2023-03-15 09:36:32 +00:00
|
|
|
separator: mediaviewMenuSeparator;
|
2016-11-16 16:04:25 +00:00
|
|
|
|
|
|
|
ripple: RippleAnimation(defaultRippleAnimation) {
|
|
|
|
color: mediaviewMenuBgRipple;
|
|
|
|
}
|
2016-10-26 16:43:13 +00:00
|
|
|
}
|
2016-11-09 13:40:51 +00:00
|
|
|
mediaviewMenuShadow: Shadow(defaultEmptyShadow) {
|
|
|
|
fallback: mediaviewMenuBg;
|
|
|
|
}
|
|
|
|
mediaviewPanelAnimation: PanelAnimation(defaultPanelAnimation) {
|
|
|
|
fadeBg: mediaviewMenuBg;
|
|
|
|
shadow: mediaviewMenuShadow;
|
|
|
|
}
|
2016-10-26 16:43:13 +00:00
|
|
|
mediaviewPopupMenu: PopupMenu(defaultPopupMenu) {
|
2016-11-09 13:40:51 +00:00
|
|
|
shadow: mediaviewMenuShadow;
|
2016-10-26 16:43:13 +00:00
|
|
|
menu: mediaviewMenu;
|
2016-11-09 13:40:51 +00:00
|
|
|
animation: mediaviewPanelAnimation;
|
2016-10-26 16:43:13 +00:00
|
|
|
}
|
|
|
|
mediaviewDropdownMenu: DropdownMenu(defaultDropdownMenu) {
|
|
|
|
menu: mediaviewMenu;
|
2016-11-09 13:40:51 +00:00
|
|
|
wrap: InnerDropdown(defaultInnerDropdown) {
|
|
|
|
bg: mediaviewMenuBg;
|
|
|
|
animation: mediaviewPanelAnimation;
|
|
|
|
scrollPadding: margins(0px, 8px, 0px, 8px);
|
|
|
|
shadow: mediaviewMenuShadow;
|
|
|
|
}
|
2016-10-26 16:43:13 +00:00
|
|
|
}
|
2016-12-23 13:21:01 +00:00
|
|
|
|
2023-02-24 07:43:02 +00:00
|
|
|
mediaviewSaveMsgCheck: icon {{ "mediaview/save_check", mediaviewSaveMsgFg }};
|
2016-12-23 13:21:01 +00:00
|
|
|
mediaviewSaveMsgPadding: margins(55px, 19px, 29px, 20px);
|
|
|
|
mediaviewSaveMsgCheckPos: point(23px, 21px);
|
|
|
|
mediaviewSaveMsgShowing: 200;
|
|
|
|
mediaviewSaveMsgShown: 2000;
|
|
|
|
mediaviewSaveMsgHiding: 2500;
|
|
|
|
mediaviewSaveMsgStyle: TextStyle(defaultTextStyle) {
|
|
|
|
font: font(16px);
|
|
|
|
linkFont: font(16px);
|
|
|
|
linkFontOver: font(16px underline);
|
|
|
|
}
|
|
|
|
mediaviewTextPalette: TextPalette(defaultTextPalette) {
|
|
|
|
linkFg: mediaviewTextLinkFg;
|
2018-05-24 13:03:21 +00:00
|
|
|
monoFg: mediaviewCaptionFg;
|
2016-12-23 13:21:01 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
mediaviewCaptionStyle: defaultTextStyle;
|
|
|
|
|
|
|
|
mediaviewThickFont: semiboldFont;
|
|
|
|
mediaviewFont: normalFont;
|
|
|
|
mediaviewTextStyle: defaultTextStyle;
|
|
|
|
|
2023-02-24 15:25:12 +00:00
|
|
|
mediaviewTextLeft: 14px;
|
2016-12-23 13:21:01 +00:00
|
|
|
mediaviewTextSkip: 10px;
|
2023-02-24 15:25:12 +00:00
|
|
|
mediaviewHeaderTop: 47px;
|
|
|
|
mediaviewTextTop: 26px;
|
2016-12-23 13:21:01 +00:00
|
|
|
|
|
|
|
mediaviewControlSize: 90px;
|
2023-02-24 15:25:12 +00:00
|
|
|
mediaviewIconSize: size(46px, 54px);
|
2023-02-28 13:49:18 +00:00
|
|
|
mediaviewIconOver: 36px;
|
2016-12-23 13:21:01 +00:00
|
|
|
|
|
|
|
mediaviewWaitHide: 2000;
|
|
|
|
mediaviewHideDuration: 1000;
|
|
|
|
mediaviewShowDuration: 200;
|
|
|
|
mediaviewFadeDuration: 150;
|
|
|
|
|
|
|
|
mediaviewDeltaFromLastAction: 5px;
|
|
|
|
mediaviewSwipeDistance: 80px;
|
|
|
|
|
2023-02-24 15:25:12 +00:00
|
|
|
mediaviewCaptionPadding: margins(11px, 6px, 11px, 6px);
|
2016-12-23 13:21:01 +00:00
|
|
|
mediaviewCaptionMargin: size(11px, 11px);
|
2023-02-24 15:25:12 +00:00
|
|
|
mediaviewCaptionRadius: 6px;
|
2016-12-23 13:21:01 +00:00
|
|
|
|
2017-12-28 14:58:34 +00:00
|
|
|
mediaviewGroupPadding: margins(0px, 14px, 0px, 14px);
|
|
|
|
mediaviewGroupHeight: 80px;
|
|
|
|
mediaviewGroupWidth: 56px;
|
|
|
|
mediaviewGroupWidthMax: 160px;
|
|
|
|
mediaviewGroupSkip: 3px;
|
|
|
|
mediaviewGroupSkipCurrent: 12px;
|
|
|
|
|
2023-02-17 16:12:29 +00:00
|
|
|
mediaviewMinWidth: 480px;
|
|
|
|
mediaviewMinHeight: 360px;
|
|
|
|
mediaviewDefaultLeft: 160px;
|
|
|
|
mediaviewDefaultTop: 120px;
|
|
|
|
mediaviewDefaultWidth: 800px;
|
|
|
|
mediaviewDefaultHeight: 600px;
|
|
|
|
|
2023-02-24 07:43:02 +00:00
|
|
|
mediaviewTitleMinimize: icon{
|
|
|
|
{ "mediaview/title_viewer_shadow_minimize", windowShadowFg },
|
|
|
|
{ "mediaview/title_viewer_button_minimize", mediaviewControlFg },
|
|
|
|
};
|
|
|
|
mediaviewTitleMaximize: icon{
|
|
|
|
{ "mediaview/title_viewer_shadow_maximize", windowShadowFg },
|
|
|
|
{ "mediaview/title_viewer_button_maximize", mediaviewControlFg },
|
|
|
|
};
|
|
|
|
mediaviewTitleRestore: icon{
|
|
|
|
{ "mediaview/title_viewer_shadow_restore", windowShadowFg },
|
|
|
|
{ "mediaview/title_viewer_button_restore", mediaviewControlFg },
|
|
|
|
};
|
|
|
|
mediaviewTitleClose: icon{
|
|
|
|
{ "mediaview/title_viewer_shadow_close", windowShadowFg },
|
|
|
|
{ "mediaview/title_viewer_button_close", mediaviewControlFg },
|
|
|
|
};
|
|
|
|
mediaviewTitleButton: IconButton(windowTitleButton) {
|
|
|
|
width: 44px;
|
|
|
|
height: 32px;
|
|
|
|
}
|
|
|
|
mediaviewTitle: WindowTitle(defaultWindowTitle) {
|
|
|
|
height: 0px;
|
|
|
|
bg: mediaviewBg;
|
|
|
|
bgActive: mediaviewBg;
|
|
|
|
fg: transparent;
|
|
|
|
fgActive: transparent;
|
|
|
|
minimize: IconButton(mediaviewTitleButton) {
|
|
|
|
icon: mediaviewTitleMinimize;
|
|
|
|
iconOver: mediaviewTitleMinimize;
|
|
|
|
}
|
|
|
|
minimizeIconActive: mediaviewTitleMinimize;
|
|
|
|
minimizeIconActiveOver: mediaviewTitleMinimize;
|
|
|
|
maximize: IconButton(mediaviewTitleButton) {
|
|
|
|
icon: mediaviewTitleMaximize;
|
|
|
|
iconOver: mediaviewTitleMaximize;
|
|
|
|
}
|
|
|
|
maximizeIconActive: mediaviewTitleMaximize;
|
|
|
|
maximizeIconActiveOver: mediaviewTitleMaximize;
|
|
|
|
restoreIcon: mediaviewTitleRestore;
|
|
|
|
restoreIconOver: mediaviewTitleRestore;
|
|
|
|
restoreIconActive: mediaviewTitleRestore;
|
|
|
|
restoreIconActiveOver: mediaviewTitleRestore;
|
|
|
|
close: IconButton(mediaviewTitleButton) {
|
|
|
|
icon: mediaviewTitleClose;
|
|
|
|
iconOver: mediaviewTitleClose;
|
|
|
|
}
|
|
|
|
closeIconActive: mediaviewTitleClose;
|
|
|
|
closeIconActiveOver: mediaviewTitleClose;
|
|
|
|
}
|
2023-02-28 12:26:48 +00:00
|
|
|
|
|
|
|
mediaviewTitleButtonMac: icon{
|
|
|
|
{ "mediaview/title_button_shadow_mac", windowShadowFg },
|
|
|
|
{ "mediaview/title_button_mac", mediaviewControlFg },
|
|
|
|
};
|
|
|
|
mediaviewTitleMinimizeMac: icon {{ "mediaview/title_button_minimize_mac", mediaviewBg }};
|
|
|
|
mediaviewTitleMaximizeMac: icon {{ "mediaview/title_button_maximize_mac", mediaviewBg }};
|
|
|
|
mediaviewTitleRestoreMac: icon {{ "mediaview/title_button_shrink_mac", mediaviewBg }};
|
|
|
|
mediaviewTitleCloseMac: icon {{ "mediaview/title_button_close_mac", mediaviewBg }};
|
|
|
|
mediaviewTitleCloseMacPadding: margins(8px, 4px, 0px, 4px);
|
|
|
|
mediaviewTitleMinimizeMacPadding: margins(0px, 4px, 0px, 4px);
|
|
|
|
mediaviewTitleMaximizeMacPadding: margins(0px, 4px, 8px, 4px);
|
|
|
|
|
2023-02-24 15:25:12 +00:00
|
|
|
mediaviewShadowTop: icon{{ "mediaview/shadow_top", windowShadowFg }};
|
|
|
|
mediaviewShadowBottom: icon{{ "mediaview/shadow_bottom", windowShadowFg }};
|
2023-02-24 07:43:02 +00:00
|
|
|
|
2023-03-15 09:36:32 +00:00
|
|
|
mediaviewSpeedMenu: MediaSpeedMenu(mediaPlayerSpeedMenu) {
|
|
|
|
dropdown: DropdownMenu(mediaviewDropdownMenu) {
|
|
|
|
menu: Menu(mediaviewMenu) {
|
|
|
|
separator: MenuSeparator(mediaviewMenuSeparator) {
|
|
|
|
fg: mediaviewMenuBgOver;
|
|
|
|
padding: margins(0px, 4px, 0px, 4px);
|
|
|
|
width: 6px;
|
|
|
|
}
|
|
|
|
itemPadding: margins(54px, 7px, 54px, 9px);
|
|
|
|
itemFgDisabled: mediaviewTextLinkFg;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
activeCheck: icon {{ "player/player_check", mediaviewTextLinkFg }};
|
|
|
|
slider: MediaSlider(defaultContinuousSlider) {
|
|
|
|
activeFg: mediaviewTextLinkFg;
|
|
|
|
inactiveFg: mediaviewMenuBgOver;
|
|
|
|
activeFgOver: mediaviewTextLinkFg;
|
|
|
|
inactiveFgOver: mediaviewMenuBgOver;
|
|
|
|
activeFgDisabled: mediaviewMenuBgOver;
|
|
|
|
receivedTillFg: mediaviewMenuBgOver;
|
|
|
|
width: 6px;
|
|
|
|
seekSize: size(6px, 6px);
|
|
|
|
}
|
|
|
|
|
|
|
|
slow: mediaSpeedSlow;
|
|
|
|
slowActive: mediaSpeedSlowActive;
|
|
|
|
normal: mediaSpeedNormal;
|
|
|
|
normalActive: mediaSpeedNormalActive;
|
|
|
|
medium: mediaSpeedMedium;
|
|
|
|
mediumActive: mediaSpeedMediumActive;
|
|
|
|
fast: mediaSpeedFast;
|
|
|
|
fastActive: mediaSpeedFastActive;
|
|
|
|
veryFast: mediaSpeedVeryFast;
|
|
|
|
veryFastActive: mediaSpeedVeryFastActive;
|
|
|
|
superFast: mediaSpeedSuperFast;
|
|
|
|
superFastActive: mediaSpeedSuperFastActive;
|
|
|
|
}
|
|
|
|
mediaviewSpeedButton: MediaSpeedButton(mediaPlayerSpeedButton) {
|
|
|
|
size: size(32px, 32px);
|
|
|
|
padding: margins(0px, 0px, 0px, 0px);
|
|
|
|
fg: mediaviewPlaybackIconFg;
|
|
|
|
overFg: mediaviewPlaybackIconFgOver;
|
|
|
|
activeFg: mediaviewTextLinkFg;
|
|
|
|
icon: icon{{ "player/player_speed", mediaviewPlaybackIconFg }};
|
|
|
|
ripple: RippleAnimation(defaultRippleAnimation) {
|
|
|
|
color: mediaviewPlaybackIconRipple;
|
|
|
|
}
|
|
|
|
rippleActiveColor: mediaviewPlaybackIconRipple;
|
|
|
|
rippleRadius: 16px;
|
|
|
|
menu: mediaviewSpeedMenu;
|
|
|
|
menuAlign: align(bottomright);
|
|
|
|
}
|
|
|
|
|
2016-12-23 13:21:01 +00:00
|
|
|
themePreviewSize: size(903px, 584px);
|
|
|
|
themePreviewBg: windowBg;
|
2016-12-31 15:19:22 +00:00
|
|
|
themePreviewOverlayOpacity: 0.8;
|
2019-09-09 13:13:16 +00:00
|
|
|
themePreviewMargin: margins(36px, 72px, 36px, 88px);
|
|
|
|
themePreviewTitleTop: 24px;
|
2016-12-23 13:21:01 +00:00
|
|
|
themePreviewTitleFg: windowBoldFg;
|
|
|
|
themePreviewTitleFont: font(17px semibold);
|
|
|
|
themePreviewLoadingFont: font(16px);
|
|
|
|
themePreviewLoadingFg: windowSubTextFg;
|
|
|
|
themePreviewApplyButton: RoundButton(defaultActiveButton) {
|
|
|
|
height: 38px;
|
|
|
|
font: font(15px semibold);
|
|
|
|
}
|
|
|
|
themePreviewCancelButton: RoundButton(defaultLightButton) {
|
|
|
|
height: 38px;
|
|
|
|
font: font(15px semibold);
|
|
|
|
}
|
|
|
|
themePreviewButtonsSkip: 20px;
|
|
|
|
themePreviewDialogsWidth: 312px;
|
2020-01-03 11:18:38 +00:00
|
|
|
|
2020-01-06 17:54:11 +00:00
|
|
|
pipDefaultSize: 320px;
|
2020-02-03 17:24:45 +00:00
|
|
|
pipMinimalSize: 120px;
|
2020-01-03 11:18:38 +00:00
|
|
|
pipBorderSkip: 20px;
|
2020-01-03 13:22:59 +00:00
|
|
|
pipBorderSnapArea: 16px;
|
2020-01-31 09:54:57 +00:00
|
|
|
pipResizeArea: 10px;
|
|
|
|
pipControlSkip: 6px;
|
|
|
|
pipPlaybackWidth: 2px;
|
2020-02-03 15:48:25 +00:00
|
|
|
pipPlaybackWide: 4px;
|
2020-01-31 09:54:57 +00:00
|
|
|
pipPlaybackSkip: 4px;
|
2020-02-03 17:24:45 +00:00
|
|
|
pipPlaybackTextSkip: 6px;
|
|
|
|
pipPlaybackFont: font(11px);
|
2021-11-18 13:13:44 +00:00
|
|
|
pipPlayIcon: icon {{ "player/player_pip_play", mediaviewPipControlsFg }};
|
|
|
|
pipPlayIconOver: icon {{ "player/player_pip_play", mediaviewPipControlsFgOver }};
|
|
|
|
pipPauseIcon: icon {{ "player/player_pip_pause", mediaviewPipControlsFg }};
|
|
|
|
pipPauseIconOver: icon {{ "player/player_pip_pause", mediaviewPipControlsFgOver }};
|
|
|
|
pipCloseIcon: icon {{ "player/player_pip_close", mediaviewPipControlsFg }};
|
|
|
|
pipCloseIconOver: icon {{ "player/player_pip_close", mediaviewPipControlsFgOver }};
|
|
|
|
pipEnlargeIcon: icon {{ "player/player_pip_enlarge", mediaviewPipControlsFg }};
|
|
|
|
pipEnlargeIconOver: icon {{ "player/player_pip_enlarge", mediaviewPipControlsFgOver }};
|
|
|
|
pipVolumeIcon0: icon {{ "player/player_volume_off", mediaviewPipControlsFg }};
|
|
|
|
pipVolumeIcon0Over: icon {{ "player/player_volume_off", mediaviewPipControlsFgOver }};
|
|
|
|
pipVolumeIcon1: icon {{ "player/player_volume_small", mediaviewPipControlsFg }};
|
|
|
|
pipVolumeIcon1Over: icon {{ "player/player_volume_small", mediaviewPipControlsFgOver }};
|
|
|
|
pipVolumeIcon2: icon {{ "player/player_volume_on", mediaviewPipControlsFg }};
|
|
|
|
pipVolumeIcon2Over: icon {{ "player/player_volume_on", mediaviewPipControlsFgOver }};
|
2021-01-28 05:46:40 +00:00
|
|
|
|
|
|
|
speedSliderDividerSize: size(2px, 8px);
|
2023-05-05 10:40:51 +00:00
|
|
|
|
|
|
|
storiesMaxSize: size(405px, 720px);
|
2023-05-09 10:31:48 +00:00
|
|
|
storiesControlSize: 64px;
|
|
|
|
storiesLeft: icon {{ "mediaview/stories_next-flip_horizontal", mediaviewControlFg }};
|
|
|
|
storiesRight: icon {{ "mediaview/stories_next", mediaviewControlFg }};
|
2023-05-06 20:20:21 +00:00
|
|
|
storiesSliderWidth: 2px;
|
2023-05-09 10:31:48 +00:00
|
|
|
storiesSliderMargin: margins(8px, 7px, 8px, 6px);
|
2023-05-05 10:40:51 +00:00
|
|
|
storiesSliderSkip: 4px;
|
2023-05-09 10:31:48 +00:00
|
|
|
storiesSliderOutsideSkip: 4px;
|
|
|
|
storiesHeaderMargin: margins(12px, 4px, 12px, 8px);
|
2023-05-05 10:40:51 +00:00
|
|
|
storiesHeaderPhoto: UserpicButton(defaultUserpicButton) {
|
|
|
|
size: size(28px, 28px);
|
|
|
|
photoSize: 28px;
|
|
|
|
}
|
|
|
|
storiesHeaderName: FlatLabel(defaultFlatLabel) {
|
2023-05-06 20:20:21 +00:00
|
|
|
textFg: mediaviewControlFg;
|
2023-05-05 10:40:51 +00:00
|
|
|
style: semiboldTextStyle;
|
|
|
|
}
|
2023-05-06 20:20:21 +00:00
|
|
|
storiesHeaderNamePosition: point(50px, 0px);
|
2023-05-05 10:40:51 +00:00
|
|
|
storiesHeaderDate: FlatLabel(defaultFlatLabel) {
|
2023-05-06 20:20:21 +00:00
|
|
|
textFg: mediaviewControlFg;
|
2023-05-05 10:40:51 +00:00
|
|
|
}
|
2023-05-09 10:31:48 +00:00
|
|
|
storiesHeaderDatePosition: point(50px, 17px);
|
2023-05-05 10:40:51 +00:00
|
|
|
storiesControlsMinWidth: 200px;
|
|
|
|
storiesFieldMargin: margins(0px, 14px, 0px, 16px);
|
|
|
|
storiesAttach: IconButton(defaultIconButton) {
|
|
|
|
width: 44px;
|
|
|
|
height: 46px;
|
|
|
|
|
|
|
|
icon: icon {{ "chat/input_attach", historyComposeIconFg }};
|
|
|
|
iconOver: icon {{ "chat/input_attach", historyComposeIconFgOver }};
|
|
|
|
|
|
|
|
rippleAreaPosition: point(2px, 3px);
|
|
|
|
rippleAreaSize: 40px;
|
|
|
|
ripple: RippleAnimation(defaultRippleAnimation) {
|
|
|
|
color: windowBgOver;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
storiesSideSkip: 145px;
|