payments.style 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
  1. /*
  2. This file is part of Telegram Desktop,
  3. the official desktop application for the Telegram messaging service.
  4. For license and copyright information please follow this link:
  5. https://github.com/telegramdesktop/tdesktop/blob/master/LEGAL
  6. */
  7. using "ui/basic.style";
  8. using "info/info.style";
  9. paymentsPanelSize: size(392px, 600px);
  10. paymentsPanelButton: RoundButton(defaultBoxButton) {
  11. width: -36px;
  12. height: 36px;
  13. style: TextStyle(defaultTextStyle) {
  14. font: boxButtonFont;
  15. }
  16. }
  17. paymentsPanelSubmit: RoundButton(defaultActiveButton) {
  18. width: -36px;
  19. height: 36px;
  20. style: TextStyle(defaultTextStyle) {
  21. font: boxButtonFont;
  22. }
  23. }
  24. paymentsPanelPadding: margins(8px, 12px, 15px, 12px);
  25. paymentsCoverPadding: margins(26px, 0px, 26px, 13px);
  26. paymentsDescription: FlatLabel(defaultFlatLabel) {
  27. minWidth: 160px;
  28. textFg: windowFg;
  29. }
  30. paymentsTitle: FlatLabel(paymentsDescription) {
  31. style: semiboldTextStyle;
  32. }
  33. paymentsSeller: FlatLabel(paymentsDescription) {
  34. textFg: windowSubTextFg;
  35. }
  36. paymentsWebviewBottom: FlatLabel(defaultFlatLabel) {
  37. textFg: windowSubTextFg;
  38. }
  39. paymentsPriceLabel: paymentsDescription;
  40. paymentsPriceAmount: defaultFlatLabel;
  41. paymentsFullPriceLabel: paymentsTitle;
  42. paymentsFullPriceAmount: FlatLabel(defaultFlatLabel) {
  43. style: semiboldTextStyle;
  44. }
  45. paymentsTitleTop: 0px;
  46. paymentsDescriptionTop: 3px;
  47. paymentsSellerTop: 4px;
  48. paymentsThumbnailSize: size(80px, 80px);
  49. paymentsThumbnailSkip: 18px;
  50. paymentsPricesTopSkip: 12px;
  51. paymentsPricesBottomSkip: 13px;
  52. paymentsPricePadding: margins(28px, 6px, 28px, 5px);
  53. paymentsTipSkip: 8px;
  54. paymentsTipButton: RoundButton(defaultLightButton) {
  55. textFg: paymentsTipActive;
  56. textFgOver: paymentsTipActive;
  57. textBgOver: transparent;
  58. width: -16px;
  59. height: 28px;
  60. textTop: 5px;
  61. }
  62. paymentsTipChosen: RoundButton(paymentsTipButton) {
  63. textFg: windowFgActive;
  64. textFgOver: windowFgActive;
  65. textBgOver: transparent;
  66. }
  67. paymentsTipButtonsPadding: margins(26px, 6px, 26px, 6px);
  68. paymentsSectionsTopSkip: 11px;
  69. paymentsSectionButton: SettingsButton(infoProfileButton) {
  70. padding: margins(68px, 11px, 14px, 9px);
  71. }
  72. paymentsIconPaymentMethod: icon {{ "payments/payment_card", windowBoldFg }};
  73. paymentsIconShippingAddress: icon {{ "payments/payment_address", windowBoldFg }};
  74. paymentsIconName: icon {{ "payments/payment_name", windowBoldFg }};
  75. paymentsIconEmail: icon {{ "payments/payment_email", windowBoldFg }};
  76. paymentsIconPhone: icon {{ "payments/payment_phone", windowBoldFg }};
  77. paymentsIconShippingMethod: icon {{ "payments/payment_shipping", windowBoldFg }};
  78. paymentsField: defaultInputField;
  79. paymentsMoneyField: InputField(paymentsField) {
  80. textMargins: margins(0px, 4px, 0px, 4px);
  81. heightMin: 30px;
  82. }
  83. paymentsFieldAdditional: FlatLabel(defaultFlatLabel) {
  84. style: boxTextStyle;
  85. }
  86. paymentsFieldPadding: margins(28px, 0px, 28px, 2px);
  87. paymentsSaveCheckboxPadding: margins(28px, 20px, 28px, 8px);
  88. paymentsExpireCvcSkip: 34px;
  89. paymentsBillingInformationTitle: FlatLabel(defaultFlatLabel) {
  90. style: semiboldTextStyle;
  91. textFg: windowActiveTextFg;
  92. minWidth: 240px;
  93. }
  94. paymentsBillingInformationTitlePadding: margins(28px, 26px, 28px, 1px);
  95. paymentsShippingMargin: margins(27px, 11px, 27px, 20px);
  96. paymentsShippingLabel: FlatLabel(defaultFlatLabel) {
  97. style: boxTextStyle;
  98. }
  99. paymentsShippingPrice: FlatLabel(defaultFlatLabel) {
  100. textFg: windowSubTextFg;
  101. }
  102. paymentsShippingLabelPosition: point(43px, 8px);
  103. paymentsShippingPricePosition: point(43px, 29px);
  104. paymentTipsErrorLabel: FlatLabel(defaultFlatLabel) {
  105. minWidth: 275px;
  106. textFg: boxTextFgError;
  107. }
  108. paymentTipsErrorPadding: margins(22px, 6px, 22px, 0px);
  109. paymentsToProviderLabel: paymentsShippingPrice;
  110. paymentsToProviderPadding: margins(28px, 6px, 28px, 6px);
  111. paymentsCriticalError: FlatLabel(boxLabel) {
  112. minWidth: 370px;
  113. align: align(top);
  114. textFg: windowSubTextFg;
  115. }
  116. paymentsCriticalErrorPadding: margins(10px, 40px, 10px, 0px);
  117. paymentsLoading: InfiniteRadialAnimation(defaultInfiniteRadialAnimation) {
  118. size: size(24px, 24px);
  119. color: windowSubTextFg;
  120. thickness: 4px;
  121. }
  122. botWebViewPanelSize: size(384px, 694px);
  123. botWebViewBottomPadding: margins(12px, 12px, 12px, 12px);
  124. botWebViewBottomSkip: point(12px, 8px);
  125. botWebViewBottomButton: RoundButton(paymentsPanelSubmit) {
  126. height: 40px;
  127. style: TextStyle(defaultTextStyle) {
  128. font: boxButtonFont;
  129. }
  130. textTop: 11px;
  131. }
  132. botWebViewRadialStroke: 3px;
  133. botWebViewMenu: PopupMenu(popupMenuWithIcons) {
  134. maxHeight: 360px;
  135. }