tdesktop/Telegram/SourceFiles/passport/passport.style

203 lines
6.1 KiB
Plaintext
Raw Normal View History

/*
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
*/
2019-09-17 16:13:12 +00:00
using "ui/basic.style";
using "ui/widgets/widgets.style";
using "boxes/boxes.style";
using "info/info.style";
using "chat_helpers/chat_helpers.style";
passportPasswordPadding: margins(20px, 30px, 20px, 40px);
passportPasswordForgotSkip: 5px;
passportPasswordAboutSkip: 15px;
passportPasswordLabel: FlatLabel(boxLabel) {
minWidth: 275px;
align: align(top);
}
passportPasswordLabelBold: FlatLabel(passportPasswordLabel) {
style: TextStyle(boxLabelStyle) {
font: font(boxFontSize semibold);
linkFont: font(boxFontSize semibold);
linkFontOver: font(boxFontSize semibold underline);
}
}
2018-04-16 17:02:40 +00:00
passportPasswordSetupLabel: FlatLabel(passportPasswordLabel) {
minWidth: 0px;
}
passportPasswordHintLabel: passportPasswordLabel;
passportErrorLabel: FlatLabel(passportPasswordLabel) {
textFg: boxTextFgError;
}
passportVerifyErrorLabel: FlatLabel(passportErrorLabel) {
2018-06-08 19:26:08 +00:00
minWidth: 128px;
align: align(topleft);
}
passportPanelSize: size(392px, 600px);
passportPasswordFieldBottom: 306px;
passportPasswordFieldSkip: 29px;
passportPasswordHintSkip: 10px;
passportPasswordUserpicSkip: 14px;
passportPasswordUserpic: UserpicButton(defaultUserpicButton) {
size: size(80px, 80px);
photoSize: 80px;
photoPosition: point(0px, 0px);
}
passportPasswordSubmit: RoundButton(defaultActiveButton) {
width: 200px;
height: 44px;
textTop: 12px;
font: font(semibold 15px);
}
passportPasswordSubmitBottom: 72px;
passportPasswordForgotBottom: 36px;
passportPanelScroll: ScrollArea(defaultScrollArea) {
deltat: 6px;
deltab: 6px;
}
passportPanelAuthorize: RoundButton(passportPasswordSubmit) {
width: 0px;
height: 49px;
padding: margins(0px, -3px, 0px, 0px);
textTop: 16px;
2018-04-12 10:20:54 +00:00
icon: icon {{ "passport_authorize", activeButtonFg }};
iconPosition: point(-8px, 9px);
}
passportPanelSaveValue: RoundButton(passportPanelAuthorize) {
textFg: windowActiveTextFg;
textFgOver: windowActiveTextFg;
textBg: windowBg;
textBgOver: windowBgOver;
ripple: defaultRippleAnimation;
2018-04-12 10:20:54 +00:00
icon: icon {};
}
passportFormAbout1Padding: margins(10px, 4px, 10px, 0px);
passportFormAbout2Padding: margins(10px, 0px, 10px, 22px);
passportFormHeader: FlatLabel(boxLabel) {
textFg: windowActiveTextFg;
style: semiboldTextStyle;
}
passportFormHeaderPadding: margins(22px, 20px, 22px, 9px);
passportFormUserpic: UserpicButton(passportPasswordUserpic) {
size: size(60px, 60px);
photoSize: 60px;
}
passportFormUserpicPadding: margins(0px, 5px, 0px, 10px);
passportFormDividerHeight: 13px;
passportFormLabelPadding: margins(22px, 7px, 22px, 14px);
2018-06-04 11:43:49 +00:00
passportFormPolicy: FlatLabel(boxDividerLabel) {
style: TextStyle(defaultTextStyle) {
linkFont: font(fsize semibold underline);
linkFontOver: font(fsize semibold underline);
}
palette: TextPalette(defaultTextPalette) {
linkFg: windowSubTextFg;
}
}
passportFormPolicyPadding: margins(22px, 7px, 22px, 28px);
passportContactNewFieldPadding: margins(22px, 0px, 22px, 14px);
passportContactFieldPadding: margins(22px, 14px, 22px, 14px);
passportContactErrorPadding: margins(22px, 0px, 22px, 0px);
passportContactErrorMargin: margins(0px, 0px, 0px, 14px);
passportRowPadding: margins(22px, 8px, 25px, 8px);
2018-04-13 16:43:17 +00:00
passportRowIconSkip: 10px;
passportRowSkip: 2px;
passportRowRipple: RippleAnimation(defaultRippleAnimation) {
color: windowBgOver;
}
2018-04-12 10:20:54 +00:00
passportRowReadyIcon: icon {{ "passport_ready", windowActiveTextFg }};
passportRowEmptyIcon: icon {{ "passport_empty", menuIconFgOver }};
passportRowTitleFg: windowFg;
passportRowDescriptionFg: windowSubTextFg;
passportScansHeaderPadding: margins(22px, 10px, 22px, 10px);
passportUploadButton: SettingsButton(defaultSettingsButton) {
textFg: windowActiveTextFg;
textFgOver: windowActiveTextFg;
textBg: windowBg;
textBgOver: windowBgOver;
font: semiboldFont;
height: 18px;
padding: margins(22px, 14px, 22px, 12px);
ripple: defaultRippleAnimation;
}
passportUploadButtonPadding: margins(0px, 10px, 0px, 10px);
passportUploadHeaderPadding: margins(22px, 14px, 22px, 3px);
2018-04-17 17:54:52 +00:00
passportUploadErrorPadding: margins(22px, 5px, 22px, 5px);
passportValueErrorPadding: passportUploadHeaderPadding;
passportDeleteButton: SettingsButton(passportUploadButton) {
2018-04-13 16:43:17 +00:00
textFg: attentionButtonFg;
textFgOver: attentionButtonFgOver;
}
passportScanNameStyle: TextStyle(defaultTextStyle) {
font: font(boxFontSize semibold);
}
passportScanRow: PassportScanRow {
padding: margins(22px, 10px, 10px, 10px);
size: 40px;
textLeft: 53px;
nameTop: 1px;
statusTop: 22px;
border: 1px;
borderFg: inputBorderFg;
remove: stickersRemove;
restore: stickersUndoRemove;
}
passportScanDeletedOpacity: stickersRowDisabledOpacity;
passportDetailsHeaderPadding: margins(22px, 20px, 33px, 10px);
passportDetailsPadding: margins(22px, 10px, 28px, 10px);
passportDetailsField: InputField(defaultInputField) {
2018-04-10 11:26:21 +00:00
textMargins: margins(2px, 8px, 2px, 0px);
placeholderScale: 0.;
2018-04-10 16:22:27 +00:00
placeholderFont: normalFont;
heightMin: 32px;
font: normalFont;
}
2018-04-10 16:22:27 +00:00
passportDetailsDateField: InputField(passportDetailsField) {
2018-06-08 19:26:08 +00:00
textMargins: margins(2px, 8px, 2px, 0px);
2018-04-10 16:22:27 +00:00
border: 0px;
borderActive: 0px;
heightMin: 30px;
2018-06-08 19:26:08 +00:00
placeholderFont: semiboldFont;
2018-04-10 16:22:27 +00:00
placeholderFgActive: placeholderFgActive;
}
passportDetailsSeparator: FlatLabel(passportPasswordLabelBold) {
style: TextStyle(defaultTextStyle) {
font: font(semibold 14px);
}
textFg: windowSubTextFg;
}
passportDetailsSeparatorPadding: margins(5px, 8px, 5px, 0px);
passportContactField: InputField(defaultInputField) {
font: normalFont;
}
passportDetailsFieldLeft: 116px;
passportDetailsFieldTop: 2px;
passportDetailsFieldSkipMin: 12px;
2018-04-10 16:22:27 +00:00
passportDetailsSkip: 30px;
2018-06-08 19:26:08 +00:00
passportDetailsGenderSkip: 20px;
2018-04-10 07:51:19 +00:00
passportRequestTypeSkip: 16px;
2018-04-16 17:02:40 +00:00
passportPasswordAbout1Padding: margins(10px, 28px, 10px, 0px);
passportPasswordAbout2Padding: margins(10px, 0px, 10px, 28px);
passportPasswordIconHeight: 224px;
passportPasswordIcon: icon {{ "passport_password_setup", windowSubTextFg }};
passportNativeNameAboutMargin: margins(0px, 16px, 0px, 0px);
passportNativeNameHeaderPadding: margins(22px, 28px, 33px, 10px);