2016-10-27 14:10:28 +00:00
|
|
|
/*
|
|
|
|
This file is part of Telegram Desktop,
|
|
|
|
the official desktop version of Telegram messaging app, see https://telegram.org
|
|
|
|
|
|
|
|
Telegram Desktop is free software: you can redistribute it and/or modify
|
|
|
|
it under the terms of the GNU General Public License as published by
|
|
|
|
the Free Software Foundation, either version 3 of the License, or
|
|
|
|
(at your option) any later version.
|
|
|
|
|
|
|
|
It is distributed in the hope that it will be useful,
|
|
|
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
|
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
|
|
GNU General Public License for more details.
|
|
|
|
|
|
|
|
In addition, as a special exception, the copyright holders give permission
|
|
|
|
to link the code of portions of this program with the OpenSSL library.
|
|
|
|
|
|
|
|
Full license: https://github.com/telegramdesktop/tdesktop/blob/master/LICENSE
|
2017-01-11 18:31:31 +00:00
|
|
|
Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
|
2016-10-27 14:10:28 +00:00
|
|
|
*/
|
|
|
|
using "basic.style";
|
|
|
|
using "ui/widgets/widgets.style";
|
|
|
|
|
2016-12-05 11:01:08 +00:00
|
|
|
countryRipple: defaultRippleAnimation;
|
|
|
|
|
2016-11-24 19:28:23 +00:00
|
|
|
introCoverHeight: 208px;
|
|
|
|
introCoverMaxWidth: 880px;
|
|
|
|
introCoverIconsMinSkip: 120px;
|
|
|
|
introCoverLeft: icon {{ "intro_left", introCoverIconsFg }};
|
|
|
|
introCoverRight: icon {{ "intro_right", introCoverIconsFg }};
|
|
|
|
introCoverIcon: icon {
|
2016-12-21 15:05:58 +00:00
|
|
|
{ "intro_plane_trace", introCoverPlaneTrace },
|
|
|
|
{ "intro_plane_inner", introCoverPlaneInner },
|
|
|
|
{ "intro_plane_outer", introCoverPlaneOuter },
|
|
|
|
{ "intro_plane_top", introCoverPlaneTop },
|
2016-11-24 19:28:23 +00:00
|
|
|
};
|
|
|
|
introCoverIconLeft: 50px;
|
|
|
|
introCoverIconTop: 46px;
|
|
|
|
|
|
|
|
introSettingsSkip: 10px;
|
|
|
|
|
|
|
|
introPhotoTop: 10px;
|
|
|
|
|
|
|
|
introCoverTitle: FlatLabel(defaultFlatLabel) {
|
|
|
|
textFg: introTitleFg;
|
|
|
|
align: align(center);
|
2016-12-23 13:21:01 +00:00
|
|
|
style: TextStyle(defaultTextStyle) {
|
|
|
|
font: font(22px semibold);
|
|
|
|
linkFont: font(22px semibold);
|
|
|
|
linkFontOver: font(22px semibold underline);
|
|
|
|
}
|
2016-10-28 12:44:28 +00:00
|
|
|
}
|
2016-12-09 18:56:01 +00:00
|
|
|
introCoverTitleTop: 136px;
|
2016-11-24 19:28:23 +00:00
|
|
|
introCoverDescription: FlatLabel(defaultFlatLabel) {
|
|
|
|
textFg: introDescriptionFg;
|
|
|
|
align: align(center);
|
2016-12-23 13:21:01 +00:00
|
|
|
style: TextStyle(defaultTextStyle) {
|
|
|
|
font: font(15px);
|
|
|
|
linkFont: font(15px);
|
|
|
|
linkFontOver: font(15px underline);
|
|
|
|
lineHeight: 24px;
|
|
|
|
}
|
2016-11-11 13:46:04 +00:00
|
|
|
}
|
2016-12-09 18:56:01 +00:00
|
|
|
introCoverDescriptionTop: 174px;
|
2016-11-24 19:28:23 +00:00
|
|
|
introTitle: FlatLabel(defaultFlatLabel) {
|
|
|
|
textFg: introTitleFg;
|
2016-12-23 13:21:01 +00:00
|
|
|
style: TextStyle(defaultTextStyle) {
|
|
|
|
font: font(17px semibold);
|
|
|
|
linkFont: font(17px semibold);
|
|
|
|
linkFontOver: font(17px semibold underline);
|
|
|
|
}
|
2016-10-31 12:29:26 +00:00
|
|
|
}
|
2016-12-09 18:56:01 +00:00
|
|
|
introTitleTop: 1px;
|
2016-11-24 19:28:23 +00:00
|
|
|
introDescription: FlatLabel(defaultFlatLabel) {
|
|
|
|
textFg: introDescriptionFg;
|
2016-12-23 13:21:01 +00:00
|
|
|
style: TextStyle(defaultTextStyle) {
|
|
|
|
lineHeight: 20px;
|
|
|
|
}
|
2016-11-24 19:28:23 +00:00
|
|
|
}
|
2016-12-09 18:56:01 +00:00
|
|
|
introDescriptionTop: 34px;
|
2016-11-24 19:28:23 +00:00
|
|
|
|
|
|
|
introLink: defaultLinkButton;
|
|
|
|
|
|
|
|
introPlaneWidth: 48px;
|
|
|
|
introPlaneHeight: 38px;
|
2016-12-09 18:56:01 +00:00
|
|
|
introHeight: 406px;
|
|
|
|
introStepTopMin: 76px;
|
2016-11-24 19:28:23 +00:00
|
|
|
introStepWidth: 380px;
|
2016-12-09 18:56:01 +00:00
|
|
|
introStepHeight: 266px;
|
2016-11-24 19:28:23 +00:00
|
|
|
introStepHeightAdd: 30px;
|
2016-12-09 18:56:01 +00:00
|
|
|
introStepHeightFull: 590px;
|
2016-10-31 12:29:26 +00:00
|
|
|
introSlideDuration: 200;
|
2016-12-30 13:53:51 +00:00
|
|
|
introCoverDuration: 200;
|
2016-10-31 12:29:26 +00:00
|
|
|
|
2016-11-04 19:50:35 +00:00
|
|
|
introNextButton: RoundButton(defaultActiveButton) {
|
|
|
|
width: 300px;
|
|
|
|
height: 56px;
|
2016-10-31 12:29:26 +00:00
|
|
|
|
2016-11-24 19:28:23 +00:00
|
|
|
textTop: 17px;
|
|
|
|
font: font(17px semibold);
|
2016-10-31 12:29:26 +00:00
|
|
|
}
|
|
|
|
|
2016-12-09 18:56:01 +00:00
|
|
|
introStepFieldTop: 96px;
|
|
|
|
introPhoneTop: 6px;
|
|
|
|
introLinkTop: 24px;
|
2016-11-24 19:28:23 +00:00
|
|
|
introCountry: InputField(defaultInputField) {
|
2016-12-09 18:56:01 +00:00
|
|
|
textMargins: margins(3px, 27px, 3px, 6px);
|
2016-11-24 19:28:23 +00:00
|
|
|
font: font(16px);
|
|
|
|
width: 300px;
|
2016-12-09 18:56:01 +00:00
|
|
|
heightMin: 61px;
|
2016-10-31 12:29:26 +00:00
|
|
|
}
|
2016-11-24 19:28:23 +00:00
|
|
|
introCountryCode: InputField(introCountry) {
|
|
|
|
width: 64px;
|
|
|
|
textAlign: align(top);
|
2016-10-31 12:29:26 +00:00
|
|
|
}
|
2016-11-24 19:28:23 +00:00
|
|
|
introPhone: InputField(introCountry) {
|
2016-12-09 18:56:01 +00:00
|
|
|
textMargins: margins(12px, 27px, 12px, 6px);
|
2016-11-24 19:28:23 +00:00
|
|
|
width: 225px;
|
2016-10-31 12:29:26 +00:00
|
|
|
}
|
2016-11-24 19:28:23 +00:00
|
|
|
introCode: introCountry;
|
|
|
|
introName: introCountry;
|
|
|
|
introPassword: introCountry;
|
2016-12-09 18:56:01 +00:00
|
|
|
introPasswordTop: 74px;
|
|
|
|
introPasswordHintTop: 151px;
|
2016-11-24 19:28:23 +00:00
|
|
|
|
|
|
|
introPasswordHint: FlatLabel(introDescription) {
|
|
|
|
textFg: windowFg;
|
2016-10-31 12:29:26 +00:00
|
|
|
}
|
2016-11-24 19:28:23 +00:00
|
|
|
|
|
|
|
introResetButton: RoundButton(defaultLightButton) {
|
|
|
|
textFg: attentionButtonFg;
|
|
|
|
textFgOver: attentionButtonFgOver;
|
|
|
|
textBgOver: attentionButtonBgOver;
|
|
|
|
|
|
|
|
ripple: RippleAnimation(defaultRippleAnimation) {
|
|
|
|
color: attentionButtonBgRipple;
|
|
|
|
}
|
2016-10-31 12:29:26 +00:00
|
|
|
}
|
2016-11-24 19:28:23 +00:00
|
|
|
introResetBottom: 20px;
|
|
|
|
|
|
|
|
introCountryIcon: icon {{ "intro_country_dropdown", menuIconFg }};
|
2016-12-09 18:56:01 +00:00
|
|
|
introCountryIconPosition: point(8px, 37px);
|
2016-10-31 12:29:26 +00:00
|
|
|
|
|
|
|
introSelectDelta: 30px;
|
|
|
|
|
2016-12-09 18:56:01 +00:00
|
|
|
introErrorTop: 235px;
|
|
|
|
introErrorBelowLinkTop: 220px;
|
2016-10-31 12:29:26 +00:00
|
|
|
introErrorDuration: 200;
|
|
|
|
|
2016-12-23 13:21:01 +00:00
|
|
|
introError: FlatLabel(introDescription) {
|
|
|
|
}
|
2016-11-24 19:28:23 +00:00
|
|
|
introErrorCentered: FlatLabel(introError) {
|
2016-10-27 14:10:28 +00:00
|
|
|
align: align(center);
|
|
|
|
}
|
2016-11-24 19:28:23 +00:00
|
|
|
|
2016-11-20 12:54:07 +00:00
|
|
|
introBackButton: IconButton(defaultIconButton) {
|
|
|
|
width: 56px;
|
|
|
|
height: 56px;
|
|
|
|
|
|
|
|
icon: icon {{ "box_button_back", menuIconFg }};
|
|
|
|
iconOver: icon {{ "box_button_back", menuIconFgOver }};
|
|
|
|
|
|
|
|
rippleAreaPosition: point(8px, 8px);
|
|
|
|
rippleAreaSize: 40px;
|
|
|
|
ripple: RippleAnimation(defaultRippleAnimation) {
|
|
|
|
color: windowBgOver;
|
|
|
|
}
|
2016-10-27 14:10:28 +00:00
|
|
|
}
|
2016-11-20 12:54:07 +00:00
|
|
|
|