2017-09-13 17:01:23 +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
|
|
|
|
Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
|
|
|
|
*/
|
|
|
|
using "basic.style";
|
|
|
|
|
|
|
|
using "boxes/boxes.style";
|
|
|
|
using "ui/widgets/widgets.style";
|
|
|
|
|
2017-09-21 19:21:33 +00:00
|
|
|
InfoToggle {
|
|
|
|
color: color;
|
|
|
|
duration: int;
|
|
|
|
size: pixels;
|
|
|
|
skip: pixels;
|
|
|
|
stroke: pixels;
|
|
|
|
rippleAreaPadding: pixels;
|
|
|
|
}
|
|
|
|
|
2017-10-04 17:15:08 +00:00
|
|
|
infoMediaHeaderFg: windowFg;
|
|
|
|
|
2017-09-21 19:21:33 +00:00
|
|
|
infoToggleCheckbox: Checkbox(defaultCheckbox) {
|
|
|
|
margin: margins(0px, 0px, 0px, 0px);
|
|
|
|
rippleBgActive: windowBgOver;
|
|
|
|
checkPosition: point(16px, 8px);
|
|
|
|
rippleAreaPosition: point(-8px, -8px);
|
|
|
|
}
|
|
|
|
infoToggle: InfoToggle {
|
|
|
|
color: menuIconFg;
|
|
|
|
duration: slideWrapDuration;
|
|
|
|
size: 24px;
|
|
|
|
skip: 5px;
|
|
|
|
stroke: 2px;
|
|
|
|
rippleAreaPadding: 8px;
|
|
|
|
}
|
|
|
|
|
2017-09-13 17:01:23 +00:00
|
|
|
infoScroll: ScrollArea(defaultScrollArea) {
|
|
|
|
bottomsh: 0px;
|
|
|
|
topsh: 0px;
|
|
|
|
}
|
|
|
|
|
2017-11-03 12:03:00 +00:00
|
|
|
infoMediaSearch: SearchFieldRow {
|
|
|
|
height: 44px;
|
|
|
|
padding: margins(8px, 6px, 8px, 6px);
|
|
|
|
field: contactsSearchField;
|
|
|
|
fieldIcon: icon {{
|
|
|
|
"box_search-flip_horizontal",
|
|
|
|
menuIconFg,
|
|
|
|
point(6px, 8px)
|
|
|
|
}};
|
|
|
|
fieldIconSkip: 36px;
|
|
|
|
fieldCancel: contactsSearchCancel;
|
|
|
|
fieldCancelSkip: 40px;
|
|
|
|
}
|
|
|
|
infoLayerMediaSearch: SearchFieldRow(infoMediaSearch) {
|
|
|
|
height: 46px;
|
|
|
|
fieldIcon: icon {{
|
|
|
|
"box_search-flip_horizontal",
|
|
|
|
menuIconFg,
|
|
|
|
point(9px, 9px)
|
|
|
|
}};
|
|
|
|
fieldIconSkip: 34px;
|
|
|
|
fieldCancel: CrossButton(contactsSearchCancel) {
|
|
|
|
width: 50px;
|
|
|
|
cross: CrossAnimation {
|
|
|
|
size: 38px;
|
|
|
|
skip: 12px;
|
|
|
|
stroke: 2px;
|
|
|
|
minScale: 0.3;
|
|
|
|
}
|
|
|
|
crossPosition: point(3px, 4px);
|
|
|
|
}
|
|
|
|
fieldCancelSkip: 46px;
|
|
|
|
}
|
|
|
|
infoTopBarSearchRow: SearchFieldRow(infoLayerMediaSearch) {
|
2017-11-03 15:47:08 +00:00
|
|
|
height: 52px;
|
2017-11-03 12:03:00 +00:00
|
|
|
padding: margins(0px, 12px, 8px, 10px);
|
|
|
|
fieldCancel: CrossButton(contactsSearchCancel) {
|
2017-11-03 15:47:08 +00:00
|
|
|
width: 51px;
|
2017-11-03 12:03:00 +00:00
|
|
|
height: 52px;
|
|
|
|
cross: CrossAnimation {
|
2017-11-03 15:47:08 +00:00
|
|
|
size: 42px;
|
|
|
|
skip: 14px;
|
2017-11-03 12:03:00 +00:00
|
|
|
stroke: 2px;
|
|
|
|
minScale: 0.3;
|
|
|
|
}
|
2017-11-03 15:47:08 +00:00
|
|
|
crossPosition: point(1px, 6px);
|
2017-11-03 12:03:00 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2017-09-13 17:01:23 +00:00
|
|
|
infoTopBarBackIcon: icon {{ "info_back", boxTitleCloseFg }};
|
|
|
|
infoTopBarBackIconOver: icon {{ "info_back", boxTitleCloseFgOver }};
|
2017-09-30 18:26:45 +00:00
|
|
|
infoTopBarHeight: 54px;
|
2017-09-13 17:01:23 +00:00
|
|
|
infoTopBarBack: IconButton(defaultIconButton) {
|
2017-09-30 18:26:45 +00:00
|
|
|
width: 70px;
|
2017-09-13 17:01:23 +00:00
|
|
|
height: infoTopBarHeight;
|
|
|
|
|
|
|
|
icon: infoTopBarBackIcon;
|
|
|
|
iconOver: infoTopBarBackIconOver;
|
2017-09-30 18:26:45 +00:00
|
|
|
iconPosition: point(11px, -1px);
|
2017-09-13 17:01:23 +00:00
|
|
|
|
|
|
|
rippleAreaPosition: point(6px, 6px);
|
2017-09-30 18:26:45 +00:00
|
|
|
rippleAreaSize: 42px;
|
2017-09-13 17:01:23 +00:00
|
|
|
ripple: RippleAnimation(defaultRippleAnimation) {
|
|
|
|
color: windowBgOver;
|
|
|
|
}
|
|
|
|
}
|
2017-09-30 18:26:45 +00:00
|
|
|
infoTopBarTitle: FlatLabel(defaultFlatLabel) {
|
|
|
|
textFg: windowBoldFg;
|
|
|
|
maxHeight: 20px;
|
|
|
|
style: TextStyle(defaultTextStyle) {
|
|
|
|
font: font(14px semibold);
|
|
|
|
linkFont: font(14px semibold);
|
|
|
|
linkFontOver: font(14px semibold);
|
|
|
|
}
|
|
|
|
}
|
2017-10-20 16:19:42 +00:00
|
|
|
infoTopBarClose: IconButton(infoTopBarBack) {
|
|
|
|
icon: icon {{ "info_close", boxTitleCloseFg }};
|
|
|
|
iconOver: icon {{ "info_close", boxTitleCloseFgOver }};
|
|
|
|
}
|
2017-11-03 12:03:00 +00:00
|
|
|
infoTopBarSearch: IconButton(infoTopBarBack) {
|
|
|
|
width: 56px;
|
|
|
|
icon: icon {{ "top_bar_search", boxTitleCloseFg }};
|
|
|
|
iconOver: icon {{ "top_bar_search", boxTitleCloseFgOver }};
|
|
|
|
}
|
2017-11-07 15:12:54 +00:00
|
|
|
infoTopBarMenu: IconButton(infoTopBarBack) {
|
|
|
|
width: 48px;
|
|
|
|
icon: icon {{ "title_menu_dots", boxTitleCloseFg }};
|
|
|
|
iconOver: icon {{ "title_menu_dots", boxTitleCloseFgOver }};
|
|
|
|
iconPosition: point(18px, -1px);
|
|
|
|
rippleAreaPosition: point(1px, 6px);
|
|
|
|
}
|
|
|
|
infoTopBarNotifications: IconButton(infoTopBarMenu) {
|
|
|
|
width: 42px;
|
|
|
|
icon: icon {{ "info_notifications", boxTitleCloseFg }};
|
|
|
|
iconOver: icon {{ "info_notifications", boxTitleCloseFgOver }};
|
|
|
|
iconPosition: point(5px, 10px);
|
|
|
|
rippleAreaPosition: point(0px, 6px);
|
|
|
|
}
|
|
|
|
infoNotificationsActive: icon {{
|
|
|
|
"info_notifications",
|
|
|
|
windowBgActive
|
|
|
|
}};
|
2017-10-20 16:19:42 +00:00
|
|
|
infoTopBarForward: IconButton(infoTopBarBack) {
|
|
|
|
width: 46px;
|
|
|
|
icon: icon {{ "info_media_forward", boxTitleCloseFg }};
|
|
|
|
iconOver: icon {{ "info_media_forward", boxTitleCloseFgOver }};
|
|
|
|
iconPosition: point(6px, -1px);
|
|
|
|
rippleAreaPosition: point(1px, 6px);
|
|
|
|
}
|
|
|
|
infoTopBarDelete: IconButton(infoTopBarForward) {
|
|
|
|
icon: icon {{ "info_media_delete", boxTitleCloseFg }};
|
|
|
|
iconOver: icon {{ "info_media_delete", boxTitleCloseFgOver }};
|
|
|
|
}
|
2017-09-30 18:26:45 +00:00
|
|
|
infoTopBar: InfoTopBar {
|
|
|
|
height: infoTopBarHeight;
|
|
|
|
back: infoTopBarBack;
|
|
|
|
title: infoTopBarTitle;
|
|
|
|
titlePosition: point(23px, 18px);
|
|
|
|
bg: windowBg;
|
2017-10-20 16:19:42 +00:00
|
|
|
mediaCancel: infoTopBarClose;
|
|
|
|
mediaActionsSkip: 4px;
|
|
|
|
mediaForward: infoTopBarForward;
|
|
|
|
mediaDelete: infoTopBarDelete;
|
2017-11-03 12:03:00 +00:00
|
|
|
search: infoTopBarSearch;
|
|
|
|
searchRow: infoTopBarSearchRow;
|
2017-09-30 18:26:45 +00:00
|
|
|
}
|
2017-09-13 17:01:23 +00:00
|
|
|
|
|
|
|
infoLayerTopBarHeight: boxLayerTitleHeight;
|
|
|
|
infoLayerTopBarBackIcon: icon {{ "info_back", boxTitleCloseFg }};
|
|
|
|
infoLayerTopBarBackIconOver: icon {{ "info_back", boxTitleCloseFgOver }};
|
|
|
|
infoLayerTopBarBack: IconButton(infoTopBarBack) {
|
|
|
|
width: infoLayerTopBarHeight;
|
|
|
|
height: infoLayerTopBarHeight;
|
|
|
|
|
2017-09-30 18:26:45 +00:00
|
|
|
iconPosition: point(12px, -1px);
|
2017-09-13 17:01:23 +00:00
|
|
|
icon: infoLayerTopBarBackIcon;
|
|
|
|
iconOver: infoLayerTopBarBackIconOver;
|
2017-09-30 18:26:45 +00:00
|
|
|
rippleAreaSize: 44px;
|
2017-09-13 17:01:23 +00:00
|
|
|
}
|
|
|
|
infoLayerTopBarCloseIcon: icon {{ "info_close", boxTitleCloseFg }};
|
|
|
|
infoLayerTopBarCloseIconOver: icon {{ "info_close", boxTitleCloseFgOver }};
|
|
|
|
infoLayerTopBarClose: IconButton(infoLayerTopBarBack) {
|
2017-11-07 15:12:54 +00:00
|
|
|
width: 50px;
|
2017-09-13 17:01:23 +00:00
|
|
|
icon: infoLayerTopBarCloseIcon;
|
|
|
|
iconOver: infoLayerTopBarCloseIconOver;
|
2017-11-07 15:12:54 +00:00
|
|
|
iconPosition: point(6px, -1px);
|
|
|
|
rippleAreaPosition: point(0px, 6px);
|
|
|
|
}
|
|
|
|
infoLayerTopBarMenu: IconButton(infoLayerTopBarClose) {
|
|
|
|
width: 44px;
|
|
|
|
icon: icon {{ "title_menu_dots", boxTitleCloseFg }};
|
|
|
|
iconOver: icon {{ "title_menu_dots", boxTitleCloseFgOver }};
|
|
|
|
iconPosition: point(18px, -1px);
|
|
|
|
}
|
|
|
|
infoLayerTopBarNotifications: IconButton(infoLayerTopBarMenu) {
|
|
|
|
icon: icon {{ "info_notifications", boxTitleCloseFg }};
|
|
|
|
iconOver: icon {{ "info_notifications", boxTitleCloseFgOver }};
|
|
|
|
iconPosition: point(5px, 11px);
|
2017-09-13 17:01:23 +00:00
|
|
|
}
|
2017-10-20 16:19:42 +00:00
|
|
|
infoLayerTopBarForward: IconButton(infoLayerTopBarBack) {
|
|
|
|
width: 45px;
|
|
|
|
icon: icon {{ "info_media_forward", boxTitleCloseFg }};
|
|
|
|
iconOver: icon {{ "info_media_forward", boxTitleCloseFgOver }};
|
|
|
|
iconPosition: point(6px, -1px);
|
|
|
|
rippleAreaPosition: point(1px, 6px);
|
|
|
|
}
|
|
|
|
infoLayerTopBarDelete: IconButton(infoLayerTopBarForward) {
|
|
|
|
icon: icon {{ "info_media_delete", boxTitleCloseFg }};
|
|
|
|
iconOver: icon {{ "info_media_delete", boxTitleCloseFgOver }};
|
|
|
|
}
|
2017-09-13 17:01:23 +00:00
|
|
|
infoLayerTopBar: InfoTopBar {
|
|
|
|
height: infoLayerTopBarHeight;
|
|
|
|
back: infoLayerTopBarBack;
|
|
|
|
title: boxTitle;
|
|
|
|
titlePosition: boxLayerTitlePosition;
|
|
|
|
bg: boxBg;
|
2017-10-20 16:19:42 +00:00
|
|
|
mediaCancel: infoLayerTopBarClose;
|
|
|
|
mediaActionsSkip: 6px;
|
|
|
|
mediaForward: infoLayerTopBarForward;
|
|
|
|
mediaDelete: infoLayerTopBarDelete;
|
2017-11-03 12:03:00 +00:00
|
|
|
search: infoTopBarSearch;
|
|
|
|
searchRow: infoTopBarSearchRow;
|
2017-09-13 17:01:23 +00:00
|
|
|
}
|
|
|
|
|
2017-11-07 15:12:54 +00:00
|
|
|
infoTopBarMenuPosition: point(-2px, 35px);
|
|
|
|
infoLayerTopBarMenuPosition: point(40px, 37px);
|
|
|
|
|
2017-10-04 17:15:08 +00:00
|
|
|
infoMinimalWidth: 324px;
|
2017-10-27 17:41:38 +00:00
|
|
|
infoDesiredWidth: 430px;
|
2017-09-13 17:01:23 +00:00
|
|
|
infoMinimalLayerMargin: 48px;
|
|
|
|
|
|
|
|
infoTabs: SettingsSlider(defaultTabsSlider) {
|
|
|
|
height: 55px;
|
|
|
|
barTop: 52px;
|
|
|
|
labelTop: 19px;
|
|
|
|
}
|
|
|
|
|
2017-11-13 15:50:10 +00:00
|
|
|
infoProfilePhoto: UserpicButton(defaultUserpicButton) {
|
|
|
|
size: size(72px, 72px);
|
|
|
|
photoSize: 72px;
|
|
|
|
}
|
2017-09-21 10:28:34 +00:00
|
|
|
infoProfilePhotoLeft: 19px;
|
|
|
|
infoProfilePhotoTop: 18px;
|
|
|
|
infoProfilePhotoBottom: 18px;
|
2017-09-13 17:01:23 +00:00
|
|
|
|
2017-09-21 19:21:33 +00:00
|
|
|
infoProfileStatusLeft: 109px;
|
|
|
|
infoProfileStatusRight: 20px;
|
2017-09-21 10:28:34 +00:00
|
|
|
infoProfileStatusTop: 58px;
|
2017-09-21 19:21:33 +00:00
|
|
|
infoProfileStatusLabel: FlatLabel(defaultFlatLabel) {
|
2017-09-13 17:01:23 +00:00
|
|
|
maxHeight: 18px;
|
|
|
|
textFg: windowSubTextFg;
|
|
|
|
style: TextStyle(defaultTextStyle) {
|
|
|
|
font: normalFont;
|
|
|
|
linkFont: normalFont;
|
|
|
|
linkFontOver: normalFont;
|
|
|
|
}
|
|
|
|
palette: TextPalette(defaultTextPalette) {
|
|
|
|
linkFg: windowActiveTextFg;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2017-09-21 19:21:33 +00:00
|
|
|
infoProfileNameLeft: infoProfileStatusLeft;
|
|
|
|
infoProfileNameRight: infoProfileStatusRight;
|
|
|
|
infoProfileNameTop: 32px;
|
|
|
|
infoProfileNameLabel: FlatLabel(infoProfileStatusLabel) {
|
|
|
|
maxHeight: 24px;
|
|
|
|
textFg: windowBoldFg;
|
|
|
|
style: TextStyle(defaultTextStyle) {
|
|
|
|
font: font(16px semibold);
|
|
|
|
linkFont: font(16px semibold);
|
|
|
|
linkFontOver: font(16px semibold underline);
|
|
|
|
}
|
|
|
|
}
|
2017-11-06 14:13:56 +00:00
|
|
|
infoVerifiedCheckPosition: point(10px, 2px);
|
|
|
|
infoVerifiedCheck: icon {
|
|
|
|
{ "profile_verified_star", profileVerifiedCheckBg, point(0px, 0px) },
|
|
|
|
{ "profile_verified_check", profileVerifiedCheckFg, point(4px, 4px) }
|
|
|
|
};
|
2017-09-13 17:01:23 +00:00
|
|
|
|
|
|
|
infoProfileSkip: 12px;
|
|
|
|
|
2017-09-21 10:28:34 +00:00
|
|
|
infoProfileLabeledPadding: margins(79px, 9px, 30px, 7px);
|
2017-09-13 17:01:23 +00:00
|
|
|
infoProfileSeparatorPadding: margins(
|
2017-09-21 10:28:34 +00:00
|
|
|
77px,
|
2017-09-13 17:01:23 +00:00
|
|
|
infoProfileSkip,
|
|
|
|
0px,
|
|
|
|
infoProfileSkip);
|
|
|
|
|
|
|
|
infoIconFg: menuIconFg;
|
|
|
|
infoIconInformation: icon {{ "info_information", infoIconFg }};
|
|
|
|
infoIconMembers: icon {{ "info_members", infoIconFg }};
|
|
|
|
infoIconNotifications: icon {{ "info_notifications", infoIconFg }};
|
|
|
|
infoIconActions: icon {{ "info_actions", infoIconFg }};
|
2017-09-21 19:21:33 +00:00
|
|
|
infoIconMediaPhoto: icon {{ "info_media_photo", infoIconFg }};
|
2017-10-20 17:54:51 +00:00
|
|
|
infoIconMediaVideo: icon {{ "info_media_video", infoIconFg }};
|
|
|
|
infoIconMediaFile: icon {{ "info_media_file", infoIconFg }};
|
2017-10-04 12:39:59 +00:00
|
|
|
infoIconMediaAudio: icon {{ "info_media_audio", infoIconFg }};
|
|
|
|
infoIconMediaLink: icon {{ "info_media_link", infoIconFg }};
|
|
|
|
infoIconMediaGroup: icon {{ "info_common_groups", infoIconFg }};
|
|
|
|
infoIconMediaVoice: icon {{ "info_media_voice", infoIconFg }};
|
|
|
|
infoIconMediaRound: icon {{ "info_media_round", infoIconFg }};
|
2017-11-08 16:45:30 +00:00
|
|
|
infoIconRecentActions: icon {{ "info_recent_actions", infoIconFg }};
|
|
|
|
infoIconAdministrators: icon {{ "info_administrators", infoIconFg }};
|
|
|
|
infoIconBlacklist: icon {{ "info_blacklist", infoIconFg }};
|
|
|
|
infoIconRestrictedUsers: icon {{ "info_restricted_users", infoIconFg }};
|
2017-09-21 19:21:33 +00:00
|
|
|
infoInformationIconPosition: point(25px, 12px);
|
|
|
|
infoNotificationsIconPosition: point(20px, 5px);
|
|
|
|
infoSharedMediaIconPosition: point(20px, 24px);
|
2017-10-04 12:39:59 +00:00
|
|
|
infoSharedMediaButtonIconPosition: point(20px, 3px);
|
2017-09-26 19:42:58 +00:00
|
|
|
infoIconPosition: point(20px, 15px);
|
2017-11-10 19:19:43 +00:00
|
|
|
infoChannelMembersIconPosition: point(20px, 24px);
|
2017-09-21 10:28:34 +00:00
|
|
|
infoLabeledOneLine: FlatLabel(defaultFlatLabel) {
|
|
|
|
maxHeight: 20px;
|
|
|
|
style: TextStyle(defaultTextStyle) {
|
|
|
|
lineHeight: 19px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
infoLabelSkip: 2px;
|
|
|
|
infoLabel: FlatLabel(infoLabeledOneLine) {
|
2017-09-20 19:44:22 +00:00
|
|
|
textFg: windowSubTextFg;
|
2017-09-13 17:01:23 +00:00
|
|
|
}
|
2017-09-21 10:28:34 +00:00
|
|
|
infoLabeled: FlatLabel(infoLabeledOneLine) {
|
2017-11-10 15:45:10 +00:00
|
|
|
minWidth: 180px;
|
2017-09-21 10:28:34 +00:00
|
|
|
maxHeight: 0px;
|
2017-09-20 19:44:22 +00:00
|
|
|
margin: margins(5px, 5px, 5px, 5px);
|
|
|
|
}
|
2017-09-13 17:01:23 +00:00
|
|
|
|
2017-09-25 16:06:53 +00:00
|
|
|
infoBlockHeaderLabel: FlatLabel(infoProfileStatusLabel) {
|
|
|
|
textFg: windowBoldFg;
|
|
|
|
style: TextStyle(defaultTextStyle) {
|
|
|
|
font: semiboldFont;
|
|
|
|
linkFont: semiboldFont;
|
|
|
|
linkFontOver: semiboldFont;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
infoBlockHeaderPosition: point(79px, 22px);
|
|
|
|
|
2017-09-21 10:28:34 +00:00
|
|
|
infoProfileToggle: Toggle(defaultToggle) {
|
|
|
|
diameter: 16px;
|
|
|
|
width: 14px;
|
|
|
|
untoggledFg: menuIconFg;
|
|
|
|
}
|
|
|
|
infoProfileToggleOver: Toggle(infoProfileToggle) {
|
|
|
|
untoggledFg: menuIconFgOver;
|
|
|
|
}
|
2017-09-13 17:01:23 +00:00
|
|
|
infoProfileButton: InfoProfileButton {
|
|
|
|
textFg: windowBoldFg;
|
|
|
|
textFgOver: windowBoldFgOver;
|
|
|
|
textBg: windowBg;
|
|
|
|
textBgOver: windowBgOver;
|
|
|
|
|
2017-11-12 09:54:18 +00:00
|
|
|
font: normalFont;
|
2017-09-13 17:01:23 +00:00
|
|
|
|
2017-09-21 10:28:34 +00:00
|
|
|
height: 20px;
|
|
|
|
padding: margins(79px, 10px, 8px, 8px);
|
2017-09-13 17:01:23 +00:00
|
|
|
|
2017-09-21 10:28:34 +00:00
|
|
|
toggle: infoProfileToggle;
|
|
|
|
toggleOver: infoProfileToggleOver;
|
|
|
|
toggleSkip: 23px;
|
2017-09-13 17:01:23 +00:00
|
|
|
|
|
|
|
ripple: defaultRippleAnimation;
|
|
|
|
}
|
|
|
|
infoNotificationsButton: InfoProfileButton(infoProfileButton) {
|
2017-09-21 10:28:34 +00:00
|
|
|
padding: margins(79px, 13px, 8px, 9px);
|
2017-09-13 17:01:23 +00:00
|
|
|
}
|
|
|
|
infoMainButton: InfoProfileButton(infoProfileButton) {
|
|
|
|
textFg: lightButtonFg;
|
|
|
|
textFgOver: lightButtonFgOver;
|
|
|
|
}
|
2017-09-21 19:21:33 +00:00
|
|
|
infoSharedMediaCoverHeight: 62px;
|
|
|
|
infoSharedMediaButton: infoProfileButton;
|
|
|
|
infoSharedMediaBottomSkip: 12px;
|
2017-09-25 16:06:53 +00:00
|
|
|
|
2017-09-26 19:42:58 +00:00
|
|
|
infoBlockButton: InfoProfileButton(infoProfileButton) {
|
|
|
|
textFg: attentionButtonFg;
|
|
|
|
textFgOver: attentionButtonFgOver;
|
|
|
|
}
|
|
|
|
infoBlockButtonSkip: 8px;
|
|
|
|
|
2017-09-25 16:06:53 +00:00
|
|
|
infoMembersHeader: 56px;
|
2017-09-26 17:57:01 +00:00
|
|
|
infoMembersList: PeerList(defaultPeerList) {
|
|
|
|
item: PeerListItem(defaultPeerListItem) {
|
|
|
|
photoPosition: point(18px, 6px);
|
|
|
|
namePosition: point(79px, 11px);
|
|
|
|
statusPosition: point(79px, 31px);
|
|
|
|
}
|
2017-09-25 16:06:53 +00:00
|
|
|
}
|
|
|
|
infoMembersButtonPosition: point(12px, 9px);
|
|
|
|
infoMembersButtonIconPosition: point(6px, 6px);
|
|
|
|
infoMembersButton: IconButton(defaultIconButton) {
|
|
|
|
width: 44px;
|
|
|
|
height: 44px;
|
|
|
|
iconPosition: infoMembersButtonIconPosition;
|
|
|
|
rippleAreaPosition: point(0px, 0px);
|
|
|
|
rippleAreaSize: 44px;
|
|
|
|
ripple: RippleAnimation(defaultRippleAnimation) {
|
|
|
|
color: windowBgOver;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
infoMembersAddMember: IconButton(infoMembersButton) {
|
|
|
|
icon: icon {{ "info_add_member", menuIconFg }};
|
|
|
|
iconOver: icon {{ "info_add_member", menuIconFgOver }};
|
|
|
|
}
|
|
|
|
infoMembersSearch: IconButton(infoMembersButton) {
|
|
|
|
icon: icon {{
|
|
|
|
"top_bar_search",
|
|
|
|
menuIconFg,
|
|
|
|
infoMembersButtonIconPosition
|
|
|
|
}};
|
|
|
|
iconOver: icon {{
|
|
|
|
"top_bar_search",
|
|
|
|
menuIconFgOver,
|
|
|
|
infoMembersButtonIconPosition
|
|
|
|
}};
|
|
|
|
iconPosition: point(0px, 0px);
|
|
|
|
}
|
|
|
|
infoMembersSearchActive: icon {
|
|
|
|
{ size(44px, 44px), windowBg },
|
|
|
|
{
|
|
|
|
"top_bar_search",
|
|
|
|
menuIconFgOver,
|
|
|
|
infoMembersButtonIconPosition
|
|
|
|
}
|
|
|
|
};
|
|
|
|
infoMembersSearchActiveLayer: icon {
|
|
|
|
{ size(44px, 44px), boxBg },
|
|
|
|
{
|
|
|
|
"top_bar_search",
|
|
|
|
menuIconFgOver,
|
|
|
|
infoMembersButtonIconPosition
|
|
|
|
}
|
|
|
|
};
|
|
|
|
infoMembersSearchField: FlatInput(defaultFlatInput) {
|
|
|
|
textColor: windowFg;
|
|
|
|
bgColor: topBarBg;
|
|
|
|
bgActive: topBarBg;
|
|
|
|
|
|
|
|
font: font(fsize);
|
|
|
|
|
|
|
|
borderWidth: 0px;
|
|
|
|
borderColor: topBarBg;
|
|
|
|
borderActive: topBarBg;
|
|
|
|
|
|
|
|
width: 100px;
|
|
|
|
height: 32px;
|
|
|
|
textMrg: margins(0px, 0px, 0px, 0px);
|
|
|
|
}
|
|
|
|
infoMembersCancelSearch: CrossButton {
|
|
|
|
width: 44px;
|
|
|
|
height: 44px;
|
|
|
|
|
|
|
|
cross: CrossAnimation {
|
|
|
|
size: 44px;
|
|
|
|
skip: 16px;
|
|
|
|
stroke: 2px;
|
|
|
|
minScale: 0.3;
|
|
|
|
}
|
|
|
|
crossFg: menuIconFg;
|
|
|
|
crossFgOver: menuIconFgOver;
|
|
|
|
crossPosition: point(0px, 0px);
|
|
|
|
|
|
|
|
duration: 150;
|
|
|
|
loadingPeriod: 1000;
|
|
|
|
ripple: RippleAnimation(defaultRippleAnimation) {
|
|
|
|
color: windowBgOver;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
infoMembersSearchTop: 15px;
|
2017-10-04 17:15:08 +00:00
|
|
|
|
2017-11-07 17:53:00 +00:00
|
|
|
infoMembersCreatorIcon: icon {{
|
|
|
|
"profile_admin_star",
|
|
|
|
profileAdminStartFg,
|
|
|
|
point(4px, 3px)
|
|
|
|
}};
|
2017-11-08 16:45:30 +00:00
|
|
|
infoMembersCreatorIconOver: icon {{
|
|
|
|
"profile_admin_star",
|
|
|
|
profileAdminStarFgOver,
|
|
|
|
point(4px, 3px)
|
|
|
|
}};
|
2017-11-07 17:53:00 +00:00
|
|
|
infoMembersAdminIcon: icon {{
|
|
|
|
"profile_admin_star",
|
|
|
|
profileOtherAdminStarFg,
|
|
|
|
point(4px, 3px)
|
|
|
|
}};
|
2017-11-08 16:45:30 +00:00
|
|
|
infoMembersAdminIconOver: icon {{
|
|
|
|
"profile_admin_star",
|
|
|
|
profileOtherAdminStarFgOver,
|
|
|
|
point(4px, 3px)
|
|
|
|
}};
|
2017-11-07 17:53:00 +00:00
|
|
|
infoMembersRemoveIcon: icon {{
|
|
|
|
"simple_close",
|
|
|
|
menuIconFg
|
|
|
|
}};
|
|
|
|
infoMembersRemoveIconOver: icon {{
|
|
|
|
"simple_close",
|
|
|
|
menuIconFgOver
|
|
|
|
}};
|
|
|
|
infoMembersAdminIconMarigns: margins(10px, 18px, 10px, 10px);
|
|
|
|
infoMembersRemoveIconMargins: margins(10px, 12px, 12px, 10px);
|
|
|
|
|
2017-10-04 17:15:08 +00:00
|
|
|
infoMediaHeaderStyle: TextStyle(semiboldTextStyle) {
|
|
|
|
}
|
|
|
|
infoMediaHeaderHeight: 28px;
|
|
|
|
infoMediaHeaderPosition: point(14px, 6px);
|
|
|
|
infoMediaSkip: 6px;
|
|
|
|
infoMediaMargin: margins(0px, 6px, 0px, 2px);
|
|
|
|
infoMediaMinGridSize: minPhotoSize;
|
2017-10-10 20:39:44 +00:00
|
|
|
|
|
|
|
infoCommonGroupsMargin: margins(0px, 13px, 0px, 2px);
|
|
|
|
infoCommonGroupsList: PeerList(infoMembersList) {
|
|
|
|
item: PeerListItem(defaultPeerListItem) {
|
|
|
|
height: 52px;
|
|
|
|
photoSize: 40px;
|
|
|
|
photoPosition: point(16px, 6px);
|
|
|
|
namePosition: point(71px, 15px);
|
|
|
|
nameStyle: TextStyle(defaultTextStyle) {
|
|
|
|
font: font(14px semibold);
|
|
|
|
linkFont: font(14px semibold);
|
|
|
|
linkFontOver: font(14px semibold);
|
|
|
|
}
|
|
|
|
statusPosition: point(79px, 31px);
|
|
|
|
}
|
|
|
|
}
|
2017-11-08 16:45:30 +00:00
|
|
|
|
|
|
|
managePeerButton: InfoProfileButton(infoProfileButton) {
|
2017-11-10 15:45:10 +00:00
|
|
|
padding: margins(76px, 12px, 76px, 10px);
|
2017-11-08 16:45:30 +00:00
|
|
|
}
|
2017-11-10 15:45:10 +00:00
|
|
|
managePeerButtonIconPosition: point(20px, 5px);
|
2017-11-08 16:45:30 +00:00
|
|
|
managePeerButtonLabel: FlatLabel(defaultFlatLabel) {
|
|
|
|
textFg: windowActiveTextFg;
|
|
|
|
style: semiboldTextStyle;
|
|
|
|
}
|
|
|
|
managePeerButtonLabelPosition: point(25px, 10px);
|
2017-11-10 15:45:10 +00:00
|
|
|
|
2017-11-14 17:22:44 +00:00
|
|
|
infoEmptyFg: windowSubTextFg;
|
|
|
|
infoEmptyPhoto: icon {{ "info_media_photo_empty", infoEmptyFg }};
|
|
|
|
infoEmptyVideo: icon {{ "info_media_video_empty", infoEmptyFg }};
|
|
|
|
infoEmptyAudio: icon {{ "info_media_audio_empty", infoEmptyFg }};
|
|
|
|
infoEmptyFile: icon {{ "info_media_file_empty", infoEmptyFg }};
|
|
|
|
infoEmptyVoice: icon {{ "info_media_voice_empty", infoEmptyFg }};
|
|
|
|
infoEmptyLink: icon {{ "info_media_link_empty", infoEmptyFg }};
|
|
|
|
infoEmptyIconTop: 120px;
|
|
|
|
infoEmptyLabelTop: 40px;
|
|
|
|
infoEmptyLabelSkip: 20px;
|
|
|
|
infoEmptyLabel: FlatLabel(defaultFlatLabel) {
|
|
|
|
minWidth: 220px;
|
|
|
|
textFg: windowSubTextFg;
|
|
|
|
}
|
|
|
|
|
2017-11-10 15:45:10 +00:00
|
|
|
editPeerDeleteButtonMargins: margins(23px, 16px, 23px, 16px);
|
|
|
|
editPeerDeleteButton: sessionTerminateAllButton;
|
|
|
|
editPeerPhotoMargins: margins(23px, 16px, 23px, 8px);
|
|
|
|
editPeerTitle: defaultInputField;
|
|
|
|
editPeerTitleMargins: margins(27px, 21px, 23px, 8px);
|
|
|
|
editPeerDescription: newGroupDescription;
|
|
|
|
editPeerDescriptionMargins: margins(23px, 5px, 23px, 16px);
|
|
|
|
editPeerPrivaciesMargins: margins(23px, 10px, 23px, 0px);
|
|
|
|
editPeerPrivacyTopSkip: 10px;
|
|
|
|
editPeerPrivacyBottomSkip: 16px;
|
|
|
|
editPeerPrivacyLabel: FlatLabel(defaultFlatLabel) {
|
|
|
|
minWidth: 263px;
|
|
|
|
textFg: windowSubTextFg;
|
|
|
|
}
|
|
|
|
editPeerPrivacyLabelMargins: margins(34px, 0px, 0px, 0px);
|
|
|
|
editPeerSectionLabel: FlatLabel(boxTitle) {
|
|
|
|
style: TextStyle(defaultTextStyle) {
|
|
|
|
font: font(15px semibold);
|
|
|
|
linkFont: font(15px semibold);
|
|
|
|
linkFontOver: font(15px semibold underline);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
editPeerUsername: setupChannelLink;
|
|
|
|
editPeerUsernameSkip: 8px;
|
|
|
|
editPeerInviteLink: FlatLabel(defaultFlatLabel) {
|
|
|
|
minWidth: 1px; // for break everywhere
|
|
|
|
style: boxTextStyle;
|
|
|
|
}
|
|
|
|
editPeerInviteLinkButton: boxLinkButton;
|
|
|
|
editPeerUsernameMargins: margins(0px, 10px, 0px, 0px);
|
|
|
|
editPeerUsernameGood: FlatLabel(defaultFlatLabel) {
|
|
|
|
textFg: boxTextFgGood;
|
|
|
|
style: boxTextStyle;
|
|
|
|
}
|
|
|
|
editPeerUsernameError: FlatLabel(editPeerUsernameGood) {
|
|
|
|
textFg: boxTextFgError;
|
|
|
|
}
|
|
|
|
editPeerUsernamePosition: point(0px, 10px);
|
|
|
|
editPeerInviteLinkSkip: 10px;
|
|
|
|
editPeerInviteLinkMargins: margins(23px, 10px, 14px, 0px);
|
|
|
|
editPeerSignaturesMargins: margins(23px, 16px, 23px, 8px);
|
|
|
|
editPeerInvitesMargins: margins(23px, 18px, 23px, 16px);
|
|
|
|
editPeerInvitesTopSkip: 10px;
|
|
|
|
editPeerInvitesSkip: 10px;
|