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:
195
Telegram/SourceFiles/intro/intro.style
Normal file
195
Telegram/SourceFiles/intro/intro.style
Normal file
@@ -0,0 +1,195 @@
|
||||
/*
|
||||
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";
|
||||
|
||||
countryRipple: defaultRippleAnimation;
|
||||
|
||||
introCoverHeight: 208px;
|
||||
introCoverMaxWidth: 880px;
|
||||
introCoverIconsMinSkip: 120px;
|
||||
introCoverLeft: icon {{ "intro_left", introCoverIconsFg }};
|
||||
introCoverRight: icon {{ "intro_right", introCoverIconsFg }};
|
||||
introCoverIcon: icon {
|
||||
{ "intro_plane_trace", introCoverPlaneTrace },
|
||||
{ "intro_plane_inner", introCoverPlaneInner },
|
||||
{ "intro_plane_outer", introCoverPlaneOuter },
|
||||
{ "intro_plane_top", introCoverPlaneTop },
|
||||
};
|
||||
introCoverIconLeft: 50px;
|
||||
introCoverIconTop: 46px;
|
||||
|
||||
introSettingsSkip: 10px;
|
||||
|
||||
introPhotoTop: 10px;
|
||||
|
||||
introCoverTitle: FlatLabel(defaultFlatLabel) {
|
||||
textFg: introTitleFg;
|
||||
align: align(center);
|
||||
style: TextStyle(defaultTextStyle) {
|
||||
font: font(22px semibold);
|
||||
}
|
||||
}
|
||||
introCoverTitleTop: 136px;
|
||||
introCoverDescription: FlatLabel(defaultFlatLabel) {
|
||||
textFg: introDescriptionFg;
|
||||
align: align(center);
|
||||
style: TextStyle(defaultTextStyle) {
|
||||
font: font(15px);
|
||||
lineHeight: 24px;
|
||||
}
|
||||
}
|
||||
introCoverDescriptionTop: 174px;
|
||||
introTitle: FlatLabel(defaultFlatLabel) {
|
||||
textFg: introTitleFg;
|
||||
style: TextStyle(defaultTextStyle) {
|
||||
font: font(17px semibold);
|
||||
}
|
||||
}
|
||||
introTitleTop: 1px;
|
||||
introDescription: FlatLabel(defaultFlatLabel) {
|
||||
minWidth: 300px;
|
||||
textFg: introDescriptionFg;
|
||||
style: TextStyle(defaultTextStyle) {
|
||||
lineHeight: 20px;
|
||||
}
|
||||
}
|
||||
introDescriptionTop: 34px;
|
||||
|
||||
introLink: defaultLinkButton;
|
||||
|
||||
introPlaneWidth: 48px;
|
||||
introPlaneHeight: 38px;
|
||||
introHeight: 406px;
|
||||
introStepTopMin: 76px;
|
||||
introStepWidth: 380px;
|
||||
introNextTop: 266px;
|
||||
introNextSlide: 200px;
|
||||
introStepHeight: 384px;
|
||||
introContentTopAdd: 30px;
|
||||
introStepHeightFull: 590px;
|
||||
introSlideDuration: 200;
|
||||
introCoverDuration: 200;
|
||||
|
||||
introNextButton: RoundButton(defaultActiveButton) {
|
||||
width: 300px;
|
||||
height: 42px;
|
||||
radius: 6px;
|
||||
textTop: 11px;
|
||||
style: TextStyle(semiboldTextStyle) {
|
||||
font: font(boxFontSize semibold);
|
||||
}
|
||||
}
|
||||
introFragmentIcon: icon{{ "fragment", activeButtonFg }};
|
||||
introFragmentIconOver: icon{{ "fragment", activeButtonFgOver }};
|
||||
introFragmentButton: RoundButton(introNextButton) {
|
||||
icon: introFragmentIcon;
|
||||
iconOver: introFragmentIconOver;
|
||||
iconPosition: point(-10px, 9px);
|
||||
}
|
||||
|
||||
introStepFieldTop: 96px;
|
||||
introPhoneTop: 6px;
|
||||
introLinkTop: 24px;
|
||||
introCountry: InputField(defaultInputField) {
|
||||
textMargins: margins(3px, 27px, 3px, 6px);
|
||||
style: TextStyle(defaultTextStyle) {
|
||||
font: font(16px);
|
||||
}
|
||||
width: 300px;
|
||||
heightMin: 61px;
|
||||
}
|
||||
introCountryCode: InputField(introCountry) {
|
||||
width: 64px;
|
||||
textAlign: align(top);
|
||||
}
|
||||
introPhone: InputField(introCountry) {
|
||||
textMargins: margins(12px, 27px, 12px, 6px);
|
||||
width: 225px;
|
||||
}
|
||||
introQrLoginLinkTop: 368px;
|
||||
introCode: introCountry;
|
||||
introName: introCountry;
|
||||
introPassword: introCountry;
|
||||
introPasswordTop: 74px;
|
||||
introPasswordHintTop: 151px;
|
||||
|
||||
introCodeDigitFont: font(20px);
|
||||
introCodeDigitHeight: 50px;
|
||||
introCodeDigitBorderWidth: 4px;
|
||||
introCodeDigitSkip: 10px;
|
||||
|
||||
introPasswordHint: FlatLabel(introDescription) {
|
||||
textFg: windowFg;
|
||||
}
|
||||
|
||||
introResetButton: RoundButton(defaultLightButton) {
|
||||
textFg: attentionButtonFg;
|
||||
textFgOver: attentionButtonFgOver;
|
||||
textBgOver: attentionButtonBgOver;
|
||||
|
||||
ripple: RippleAnimation(defaultRippleAnimation) {
|
||||
color: attentionButtonBgRipple;
|
||||
}
|
||||
}
|
||||
introResetBottom: 20px;
|
||||
|
||||
introTermsLabel: FlatLabel(defaultFlatLabel) {
|
||||
align: align(top);
|
||||
}
|
||||
introTermsBottom: 20px;
|
||||
|
||||
introCountryIcon: icon {{ "intro_country_dropdown", menuIconFg }};
|
||||
introCountryIconPosition: point(8px, 37px);
|
||||
|
||||
introErrorTop: 235px;
|
||||
introErrorBelowLinkTop: 220px;
|
||||
|
||||
introError: FlatLabel(introDescription) {
|
||||
}
|
||||
introErrorCentered: FlatLabel(introError) {
|
||||
align: align(center);
|
||||
}
|
||||
|
||||
introBackButton: IconButton(defaultIconButton) {
|
||||
width: 56px;
|
||||
height: 56px;
|
||||
|
||||
icon: backButtonIcon;
|
||||
iconOver: backButtonIconOver;
|
||||
|
||||
rippleAreaPosition: point(8px, 8px);
|
||||
rippleAreaSize: 40px;
|
||||
ripple: defaultRippleAnimationBgOver;
|
||||
}
|
||||
|
||||
introQrTop: -18px;
|
||||
introQrPixel: 50px; // large enough
|
||||
introQrMaxSize: 180px;
|
||||
introQrBackgroundSkip: 12px;
|
||||
introQrBackgroundRadius: 8px;
|
||||
introQrLabelsWidth: 292px;
|
||||
introQrTitleWidth: 320px;
|
||||
introQrTitle: FlatLabel(defaultFlatLabel) {
|
||||
textFg: introTitleFg;
|
||||
align: align(top);
|
||||
minWidth: introQrTitleWidth;
|
||||
style: TextStyle(defaultTextStyle) {
|
||||
font: font(20px semibold);
|
||||
}
|
||||
}
|
||||
introQrErrorTop: 336px;
|
||||
introQrTitleTop: 196px;
|
||||
introQrStep: FlatLabel(defaultFlatLabel) {
|
||||
minWidth: 200px;
|
||||
}
|
||||
introQrStepsTop: 232px;
|
||||
introQrStepMargins: margins(20px, 8px, 0px, 0px);
|
||||
introQrSkipTop: 360px;
|
||||
introQrCenterSize: 44px;
|
||||
introQrPlane: icon {{ "intro_qr_plane", activeButtonFg }};
|
||||
Reference in New Issue
Block a user