397 lines
14 KiB
Text
397 lines
14 KiB
Text
/*
|
|
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 "window/window.style";
|
|
using "ui/widgets/widgets.style";
|
|
using "ui/chat/chat.style";
|
|
using "media/view/media_view.style";
|
|
|
|
// photoEditorControlsBottomSkip * 2 + photoEditorControlsCenterSkip + photoEditorButtonBarHeight * 2
|
|
photoEditorControlsHeight: 146px;
|
|
|
|
photoEditorControlsBottomSkip: 20px;
|
|
photoEditorControlsCenterSkip: 6px;
|
|
|
|
photoEditorContentMargins: margins(
|
|
photoEditorControlsBottomSkip,
|
|
photoEditorControlsBottomSkip,
|
|
photoEditorControlsBottomSkip,
|
|
photoEditorControlsHeight);
|
|
|
|
photoEditorBarAnimationDuration: 100;
|
|
|
|
photoEditorButtonIconFg: mediaviewPipControlsFg;
|
|
photoEditorButtonIconFgOver: mediaviewPipControlsFgOver;
|
|
|
|
photoEditorButtonIconFgActive: lightButtonFg;
|
|
photoEditorButtonIconFgInactive: mediaviewPipPlaybackInactive;
|
|
photoEditorEdgeButtonBg: shadowFg;
|
|
photoEditorEdgeButtonMargins: margins(4px, 4px, 4px, 4px);
|
|
|
|
photoEditorButtonBarHeight: 48px;
|
|
photoEditorButtonBarWidth: 422px;
|
|
photoEditorButtonBarPadding: margins(2px, 0px, 2px, 0px);
|
|
photoEditorTextButtonPadding: margins(22px, 0px, 22px, 0px);
|
|
|
|
photoEditorButtonStyle: TextStyle(semiboldTextStyle) {
|
|
font: font(14px semibold);
|
|
}
|
|
|
|
photoEditorAbout: FlatLabel(defaultFlatLabel) {
|
|
textFg: mediaviewCaptionFg;
|
|
minWidth: 240px;
|
|
align: align(top);
|
|
}
|
|
photoEditorAboutMargin: margins(10px, 22px, 10px, 0px);
|
|
|
|
photoEditorRotateButton: IconButton(defaultIconButton) {
|
|
width: photoEditorButtonBarHeight;
|
|
height: photoEditorButtonBarHeight;
|
|
|
|
icon: icon {{ "photo_editor/rotate-flip_horizontal", photoEditorButtonIconFg }};
|
|
iconOver: icon {{ "photo_editor/rotate-flip_horizontal", photoEditorButtonIconFgOver }};
|
|
|
|
rippleAreaPosition: point(4px, 4px);
|
|
rippleAreaSize: 40px;
|
|
ripple: universalRippleAnimation;
|
|
}
|
|
photoEditorFlipButton: IconButton(photoEditorRotateButton) {
|
|
icon: icon {{ "photo_editor/flip", photoEditorButtonIconFg }};
|
|
iconOver: icon {{ "photo_editor/flip", photoEditorButtonIconFgOver }};
|
|
}
|
|
photoEditorFlipIconActive: icon {{ "photo_editor/flip", photoEditorButtonIconFgActive }};
|
|
|
|
photoEditorPaintModeButton: IconButton(photoEditorRotateButton) {
|
|
icon: icon {{ "photo_editor/paint", photoEditorButtonIconFg }};
|
|
iconOver: icon {{ "photo_editor/paint", photoEditorButtonIconFgOver }};
|
|
}
|
|
photoEditorPaintIconActive: icon {{ "photo_editor/paint", photoEditorButtonIconFgActive }};
|
|
|
|
photoEditorUndoButton: IconButton(photoEditorRotateButton) {
|
|
icon: icon {{ "menu/tabs_undo-24x24", photoEditorButtonIconFg }};
|
|
iconOver: icon {{ "menu/tabs_undo-24x24", photoEditorButtonIconFgOver }};
|
|
}
|
|
|
|
photoEditorRedoButton: IconButton(photoEditorRotateButton) {
|
|
icon: icon {{ "menu/tabs_redo-24x24", photoEditorButtonIconFg }};
|
|
iconOver: icon {{ "menu/tabs_redo-24x24", photoEditorButtonIconFgOver }};
|
|
}
|
|
|
|
photoEditorStickersButton: IconButton(photoEditorRotateButton) {
|
|
icon: icon {{ "settings/settings_stickers", photoEditorButtonIconFg }};
|
|
iconOver: icon {{ "settings/settings_stickers", photoEditorButtonIconFgOver }};
|
|
}
|
|
photoEditorStickersIconActive: icon {{ "settings/settings_stickers", photoEditorButtonIconFgActive }};
|
|
|
|
photoEditorTextButtonSize: size(42px, 42px);
|
|
photoEditorTextButtonGlyphSkip: 3px;
|
|
|
|
photoEditorShapesButton: IconButton(photoEditorRotateButton) {
|
|
icon: icon {{ "photo_editor/shapes-28x28", photoEditorButtonIconFg }};
|
|
iconOver: icon {{ "photo_editor/shapes-28x28", photoEditorButtonIconFgOver }};
|
|
}
|
|
photoEditorShapesIconActive: icon {{ "photo_editor/shapes-28x28", photoEditorButtonIconFgActive }};
|
|
photoEditorShapeCircle: icon {{ "photo_editor/shape_circle-24x24", mediaviewMenuFg }};
|
|
photoEditorShapeCircleFill: icon {{ "photo_editor/shape_circle_fill-24x24", mediaviewMenuFg }};
|
|
photoEditorShapeRectangle: icon {{ "photo_editor/shape_rectangle-24x24", mediaviewMenuFg }};
|
|
photoEditorShapeRectangleFill: icon {{ "photo_editor/shape_rectangle_fill-24x24", mediaviewMenuFg }};
|
|
photoEditorShapeStar: icon {{ "photo_editor/shape_star-24x24", mediaviewMenuFg }};
|
|
photoEditorShapeStarFill: icon {{ "photo_editor/shape_star_fill-24x24", mediaviewMenuFg }};
|
|
photoEditorShapeBubble: icon {{ "photo_editor/shape_bubble-24x24", mediaviewMenuFg }};
|
|
photoEditorShapeBubbleFill: icon {{ "photo_editor/shape_bubble_fill-24x24", mediaviewMenuFg }};
|
|
photoEditorShapeArrow: icon {{ "photo_editor/shape_arrow-24x24", mediaviewMenuFg }};
|
|
|
|
photoEditorCropRatioButton: IconButton(photoEditorRotateButton) {
|
|
icon: icon {{ "photo_editor/ratio-23x23", photoEditorButtonIconFg, point(0px, 1px) }};
|
|
iconOver: icon {{ "photo_editor/ratio-23x23", photoEditorButtonIconFgOver, point(0px, 1px) }};
|
|
}
|
|
photoEditorCropRatioIconActive: icon {{ "photo_editor/ratio-23x23", photoEditorButtonIconFgActive, point(0px, 1px) }};
|
|
|
|
photoEditorCornersButton: IconButton(photoEditorRotateButton) {
|
|
icon: icon {{ "photo_editor/corners-23x23", photoEditorButtonIconFg, point(0px, 1px) }};
|
|
iconOver: icon {{ "photo_editor/corners-23x23", photoEditorButtonIconFgOver, point(0px, 1px) }};
|
|
}
|
|
photoEditorCornersIconActive: icon {{ "photo_editor/corners-23x23", photoEditorButtonIconFgActive, point(0px, 1px) }};
|
|
|
|
photoEditorCornersMenuAboutLabel: FlatLabel(defaultFlatLabel) {
|
|
style: TextStyle(defaultTextStyle) {
|
|
font: font(11px);
|
|
}
|
|
minWidth: 136px;
|
|
textFg: groupCallMemberNotJoinedStatus;
|
|
}
|
|
photoEditorCornersMenuAboutPosition: point(12px, 4px);
|
|
|
|
photoEditorMenuSubmenuArrow: icon {{ "menu/submenu_arrow", groupCallMemberNotJoinedStatus }};
|
|
|
|
photoEditorMenuCheck: Check(defaultCheck) {
|
|
untoggledFg: groupCallMemberNotJoinedStatus;
|
|
toggledFg: groupCallActiveFg;
|
|
icon: icon {{ "default_checkbox_check", groupCallMembersFg, point(4px, 7px) }};
|
|
}
|
|
photoEditorMenuCheckLabel: FlatLabel(defaultFlatLabel) {
|
|
style: TextStyle(defaultTextStyle) {
|
|
font: font(12px);
|
|
}
|
|
minWidth: 100px;
|
|
textFg: groupCallMembersFg;
|
|
}
|
|
photoEditorShapeFillDuration: 160;
|
|
photoEditorShapeFillRadius: 13px;
|
|
photoEditorAlignIconSize: 24px;
|
|
photoEditorMenuRoundCheckUntoggledFg: groupCallMemberNotJoinedStatus;
|
|
photoEditorMenuRoundCheck: RoundCheckbox(defaultRoundCheckbox) {
|
|
size: 20px;
|
|
border: groupCallActiveFg;
|
|
bgActive: groupCallActiveFg;
|
|
check: icon {{ "default_checkbox_check", groupCallMembersFg, point(3px, 6px) }};
|
|
}
|
|
|
|
photoEditorCropRatioMenu: PopupMenu(mediaviewPopupMenu) {
|
|
menu: Menu(mediaviewMenu) {
|
|
widthMin: 108px;
|
|
arrow: photoEditorMenuSubmenuArrow;
|
|
}
|
|
}
|
|
|
|
photoEditorUndoButtonInactive: icon {{ "menu/tabs_undo-24x24", photoEditorButtonIconFgInactive }};
|
|
photoEditorRedoButtonInactive: icon {{ "menu/tabs_redo-24x24", photoEditorButtonIconFgInactive }};
|
|
|
|
photoEditorColorButtonSize: 24px;
|
|
photoEditorColorButtonBorder: 1px;
|
|
photoEditorColorButtonBorderFg: mediaviewCaptionFg;
|
|
photoEditorColorPaletteItemSize: 20px;
|
|
photoEditorColorPaletteGap: 6px;
|
|
photoEditorColorPaletteSelectionWidth: 2px;
|
|
photoEditorColorPalettePlusLine: 2px;
|
|
photoEditorColorPalettePlusFg: mediaviewCaptionFg;
|
|
|
|
photoEditorToolButtonSize: 20px;
|
|
photoEditorToolButtonIconSize: 20px;
|
|
photoEditorToolButtonGap: 18px;
|
|
photoEditorToolButtonHoverDuration: 350;
|
|
photoEditorToolButtonSelectDuration: 120;
|
|
photoEditorToolButtonSelectedFg: mediaviewCaptionFg;
|
|
photoEditorToolButtonSelectedWidth: 2px;
|
|
photoEditorToolButtonSelectedPadding: 2px;
|
|
photoEditorToolButtonSelectedOpacity: 0.35;
|
|
photoEditorToolButtonSelectedExtra: 8px;
|
|
|
|
photoEditorMarkerOpacity: 0.35;
|
|
photoEditorMarkerSizeMultiplier: 2.5;
|
|
photoEditorArrowHeadLengthFactor: 2.5;
|
|
photoEditorArrowHeadMinDistanceFactor: 1.5;
|
|
photoEditorArrowHeadAngleDegrees: 26;
|
|
photoEditorEraserPreviewOpacity: 0.25;
|
|
photoEditorBlurSizeMultiplier: 3.0;
|
|
photoEditorBlurPreviewOpacity: 0.25;
|
|
photoEditorBlurRadius: 20;
|
|
|
|
photoEditorBrushSizeControlLeftSkip: -3px;
|
|
photoEditorBrushSizeControlHeight: 280px;
|
|
photoEditorBrushSizeControlCollapsedWidth: 6px;
|
|
photoEditorBrushSizeControlExpandedTopWidth: 25px;
|
|
photoEditorBrushSizeControlExpandedBottomWidth: 4px;
|
|
photoEditorBrushSizeControlExpandShift: 14px;
|
|
photoEditorBrushSizeControlHitPadding: 24px;
|
|
photoEditorBrushSizeControlTopInset: 1px;
|
|
|
|
photoEditorCropPointSize: 10px;
|
|
photoEditorCropMinSize: 20px;
|
|
|
|
photoEditorItemHandleSize: 10px;
|
|
photoEditorStickyTrigger: 12px;
|
|
photoEditorStickyLineWidth: 2px;
|
|
|
|
photoEditorKeysButton: IconButton(photoEditorRotateButton) {
|
|
icon: icon {{ "photo_editor/keyboard", photoEditorButtonIconFg }};
|
|
iconOver: icon {{ "photo_editor/keyboard", photoEditorButtonIconFgOver }};
|
|
}
|
|
photoEditorKeysButtonLeft: 16px;
|
|
photoEditorKeysMenuSkip: 6px;
|
|
photoEditorKeysMenu: PopupMenu(photoEditorCropRatioMenu) {
|
|
scrollPadding: margins(0px, 4px, 0px, 4px);
|
|
menu: Menu(mediaviewMenu) {
|
|
widthMin: 220px;
|
|
widthMax: 600px;
|
|
itemPadding: margins(14px, 8px, 14px, 8px);
|
|
arrow: photoEditorMenuSubmenuArrow;
|
|
}
|
|
}
|
|
photoEditorKeysTitleStyle: TextStyle(semiboldTextStyle) {
|
|
font: font(12px semibold);
|
|
}
|
|
photoEditorKeysTitleFg: groupCallMemberNotJoinedStatus;
|
|
photoEditorKeysTitleSkip: 6px;
|
|
photoEditorKeysRowSkip: 6px;
|
|
photoEditorKeysCapStyle: TextStyle(semiboldTextStyle) {
|
|
font: font(12px semibold);
|
|
}
|
|
photoEditorKeysCapHeight: 20px;
|
|
photoEditorKeysCapMinWidth: 22px;
|
|
photoEditorKeysCapPadding: 6px;
|
|
photoEditorKeysCapRadius: 4px;
|
|
photoEditorKeysCapSkip: 4px;
|
|
photoEditorKeysCapBg: groupCallMenuBgOver;
|
|
photoEditorKeysCapBorder: groupCallMemberNotJoinedStatus;
|
|
photoEditorKeysCapFg: groupCallMembersFg;
|
|
photoEditorKeysTextSkip: 12px;
|
|
photoEditorKeysTextWidth: 360px;
|
|
photoEditorKeysTextMinWidth: 100px;
|
|
photoEditorKeysTextFg: groupCallMembersFg;
|
|
|
|
photoEditorAudioDiscSize: 48px;
|
|
photoEditorAudioDiscSkip: 12px;
|
|
photoEditorAudioDiscCoverSize: 30px;
|
|
photoEditorAudioDiscRing: 2px;
|
|
photoEditorAudioDiscRingFg: mediaviewControlFg;
|
|
photoEditorAudioDiscIcon: icon {{ "photo_editor/widget_music", photoEditorButtonIconFg }};
|
|
photoEditorAudioDiscIconOver: icon {{ "photo_editor/widget_music", photoEditorButtonIconFgOver }};
|
|
photoEditorMenuDelete: icon {{ "menu/delete", mediaviewMenuFg }};
|
|
photoEditorMediaMenu: PopupMenu(photoEditorCropRatioMenu) {
|
|
scrollPadding: margins(0px, 3px, 0px, 8px);
|
|
menu: Menu(mediaviewMenu) {
|
|
widthMin: 210px;
|
|
arrow: photoEditorMenuSubmenuArrow;
|
|
}
|
|
}
|
|
photoEditorAudioVolumeItem: Menu(mediaviewMenu) {
|
|
itemBgOver: groupCallMenuBg;
|
|
arrow: photoEditorMenuSubmenuArrow;
|
|
}
|
|
photoEditorAudioVolumePadding: margins(15px, 6px, 17px, 5px);
|
|
photoEditorAudioVolumeMargin: margins(54px, 0px, 17px, 0px);
|
|
|
|
photoEditorAudioTimelineBarWidth: 2px;
|
|
photoEditorAudioTimelineBarSkip: 3px;
|
|
photoEditorAudioTimelineBarMin: 1px;
|
|
photoEditorAudioTimelineBarRatio: 0.6;
|
|
photoEditorAudioTimelineBarOpacity: 0.4;
|
|
photoEditorAudioTimelineIcon: 13px;
|
|
photoEditorAudioTimelineIconSkip: 3px;
|
|
photoEditorAudioTimelineDotSkip: 10px;
|
|
photoEditorAudioTimelineDotRadius: 1px;
|
|
photoEditorAudioTimelineTextSkip: 12px;
|
|
photoEditorAudioTimelineFade: 8px;
|
|
photoEditorAudioTimelineAuthorFont: font(12px semibold);
|
|
photoEditorAudioTimelineFont: font(12px);
|
|
photoEditorTrimShortestIconSize: 24px;
|
|
|
|
videoTimelineStripHeight: 54px;
|
|
videoTimelineLabelHeight: 18px;
|
|
// Wide enough to hold the cover dot without it touching either side.
|
|
videoTimelineLabelSkip: 17px;
|
|
videoTimelineTrimStripHeight: 32px;
|
|
videoTimelineTrimLabelSkip: 10px;
|
|
videoTimelineDotSize: 5px;
|
|
videoTimelineDotActiveSize: 9px;
|
|
videoTimelineDotSkip: 2px;
|
|
videoTimelineDotFg: callAnswerBg;
|
|
videoTimelineRadius: 6px;
|
|
videoTimelineHandleWidth: 11px;
|
|
videoTimelineHandleMinWidth: 4px;
|
|
videoTimelineHandleGripWidth: 2px;
|
|
videoTimelineHandleGripHeight: 16px;
|
|
videoTimelineHandleHitSlop: 12px;
|
|
videoTimelinePlayheadWidth: 3px;
|
|
videoTimelinePlayheadOutline: 1px;
|
|
videoTimelinePlayheadOverflow: 5px;
|
|
videoTimelineFg: mediaviewControlFg;
|
|
videoTimelineDimBg: mediaviewCaptionBg;
|
|
videoTimelinePlaceholderBg: mediaviewPipPlaybackInactive;
|
|
videoTimelineDurationFg: mediaviewCaptionFg;
|
|
videoTimelineSizeFg: mediaviewCaptionFg;
|
|
videoTimelineSizeSkip: 12px;
|
|
videoTimelineScrollHeight: 2px;
|
|
videoTimelineScrollSkip: 3px;
|
|
videoTimelineScrollMinWidth: 16px;
|
|
videoTimelineOverviewSelectionHeight: 3px;
|
|
videoTimelineOverviewFg: windowBgActive;
|
|
videoTimelineHintSkip: 4px;
|
|
videoTimelineHintWidth: 18px;
|
|
videoTimelineHintHeight: 20px;
|
|
videoTimelineHintRadius: 6px;
|
|
videoTimelineHintStroke: 2px;
|
|
videoTimelineHintArrowWidth: 5px;
|
|
videoTimelineHintArrowHeight: 10px;
|
|
videoTimelineDurationStyle: TextStyle(defaultTextStyle) {
|
|
font: font(12px semibold);
|
|
}
|
|
videoTimelineDurationFieldSkip: 4px;
|
|
videoTimelineDurationField: InputField(defaultInputField) {
|
|
textBg: transparent;
|
|
textFg: videoTimelineDurationFg;
|
|
textMargins: margins(0px, 0px, 0px, 0px);
|
|
border: 0px;
|
|
borderActive: 0px;
|
|
style: videoTimelineDurationStyle;
|
|
}
|
|
|
|
videoEditorGifButton: IconButton(photoEditorRotateButton) {
|
|
icon: icon {{ "photo_editor/gif", photoEditorButtonIconFg }};
|
|
iconOver: icon {{ "photo_editor/gif", photoEditorButtonIconFgOver }};
|
|
}
|
|
videoEditorGifIconActive: icon {
|
|
{ "photo_editor/gif", photoEditorButtonIconFgActive }
|
|
};
|
|
|
|
videoQualitySliderDotSize: 7px;
|
|
videoQualitySliderDotActiveSize: 11px;
|
|
videoQualitySliderLineWidth: 2px;
|
|
videoQualitySliderLineGap: 4px;
|
|
videoQualitySliderLabelSkip: 5px;
|
|
videoQualitySliderSideSkip: 18px;
|
|
videoQualitySliderFg: mediaviewPipPlaybackInactive;
|
|
videoQualitySliderActiveFg: mediaviewControlFg;
|
|
videoQualitySliderLabelFg: mediaviewCaptionFg;
|
|
videoQualitySliderLabelActiveFg: mediaviewControlFg;
|
|
videoQualitySliderStyle: TextStyle(defaultTextStyle) {
|
|
font: font(12px semibold);
|
|
}
|
|
// videoQualitySliderDotActiveSize + videoQualitySliderLabelSkip + font height
|
|
videoQualitySliderHeight: 32px;
|
|
|
|
videoEditorTimelineTop: 10px;
|
|
photoEditorTimelineSkip: 6px;
|
|
videoEditorHintSkip: 8px;
|
|
videoEditorQualitySkip: 6px;
|
|
videoEditorBarSkip: 12px;
|
|
videoEditorBarBottomSkip: 16px;
|
|
videoEditorContentSkip: 20px;
|
|
videoEditorHint: FlatLabel(defaultFlatLabel) {
|
|
textFg: mediaviewCaptionFg;
|
|
align: align(top);
|
|
}
|
|
|
|
videoEditorBubbleSize: 62px;
|
|
videoEditorBubbleSkip: 8px;
|
|
videoEditorBubbleBorder: 2px;
|
|
videoEditorFlashFg: mediaviewControlFg;
|
|
videoEditorPlayIcon: icon {{ "player/player_play", mediaviewControlFg }};
|
|
videoEditorPlayBadgeSize: 68px;
|
|
videoEditorPlayBadgeBg: mediaviewCaptionBg;
|
|
videoEditorAbout: FlatLabel(photoEditorAbout) {
|
|
}
|
|
videoEditorAboutMargin: margins(10px, 10px, 10px, 0px);
|
|
|
|
photoEditorMessageReferenceWidth: 600px;
|
|
photoEditorLinkPreviewMargin: margins(24px, 12px, 24px, 6px);
|
|
photoEditorLinkPreviewMaxHeight: 320px;
|
|
photoEditorLinkPreviewPadding: 12px;
|
|
photoEditorLinkPillIcon: icon {{ "photo_editor/link", windowFg }};
|
|
photoEditorLinkThemeSize: 36px;
|
|
photoEditorLinkThemeIconSize: 28px;
|
|
photoEditorLinkThemeSkip: 6px;
|
|
photoEditorLinkThemeBg: mediaviewCaptionBg;
|
|
photoEditorLinkLoadingRadius: bubbleRadiusLarge;
|
|
photoEditorLinkLoadingPadding: margins(12px, 11px, 12px, 11px);
|
|
photoEditorLinkLoadingLine: 10px;
|
|
photoEditorLinkLoadingSkip: 8px;
|
|
photoEditorLinkLoadingQuote: 3px;
|
|
photoEditorLinkLoadingQuoteSkip: 8px;
|