diff options
Diffstat (limited to 'l10n-en-CA/devtools/client/tooltips.ftl')
| -rw-r--r-- | l10n-en-CA/devtools/client/tooltips.ftl | 26 |
1 files changed, 25 insertions, 1 deletions
diff --git a/l10n-en-CA/devtools/client/tooltips.ftl b/l10n-en-CA/devtools/client/tooltips.ftl index 60dae0c2bf..d167c900d9 100644 --- a/l10n-en-CA/devtools/client/tooltips.ftl +++ b/l10n-en-CA/devtools/client/tooltips.ftl @@ -38,14 +38,29 @@ inactive-css-not-table-cell = <strong>{ $property }</strong> has no effect on th inactive-scroll-padding-when-not-scroll-container = <strong>{ $property }</strong> has no effect on this element since it doesn’t scroll. inactive-css-border-image = <strong>{ $property }</strong> has no effect on this element since it cannot be applied to internal table elements where <strong>border-collapse</strong> is set to <strong>collapse</strong> on the parent table element. inactive-css-ruby-element = <strong>{ $property }</strong> has no effect on this element since it is a ruby element. Its size is determined by the font size of the ruby text. + +## In the Rule View when a CSS property cannot be successfully applied we display +## an icon. When this icon is hovered this message is displayed to explain how +## the problem can be solved. + inactive-css-highlight-pseudo-elements-not-supported = <strong>{ $property }</strong> is not supported on highlight pseudo-elements. inactive-css-cue-pseudo-element-not-supported = <strong>{ $property }</strong> is not supported on ::cue pseudo-elements. +# Variables: +# $lineCount (integer) - The number of lines the element has. +inactive-css-text-wrap-balance-lines-exceeded = + { $lineCount -> + [one] <strong>{ $property }</strong> has no effect on this element because it has more than { $lineCount } line. + *[other] <strong>{ $property }</strong> has no effect on this element because it has more than { $lineCount } lines. + } +inactive-css-text-wrap-balance-fragmented = <strong>{ $property }</strong> has no effect on this element because it is fragmented, i.e. its content is split across multiple columns or pages. ## In the Rule View when a CSS property cannot be successfully applied we display ## an icon. When this icon is hovered this message is displayed to explain how -## the problem can be solved. +## the problem can be solved. CSS properties and values in <strong> tags should +## not be translated. inactive-css-not-grid-or-flex-container-fix = Try adding <strong>display:grid</strong> or <strong>display:flex</strong>. { learn-more } +inactive-css-not-grid-or-flex-or-block-container-fix = Try adding <strong>display:grid</strong>, <strong>display:flex</strong> or <strong>display:block</strong>. { learn-more } inactive-css-not-grid-or-flex-container-or-multicol-container-fix = Try adding either <strong>display:grid</strong>, <strong>display:flex</strong>, or <strong>columns:2</strong>. { learn-more } inactive-css-not-multicol-container-fix = Try adding either <strong>column-count</strong> or <strong>column-width</strong>. { learn-more } inactive-css-not-grid-or-flex-item-fix-3 = Try adding <strong>display:grid</strong>, <strong>display:flex</strong>, <strong>display:inline-grid</strong>, or <strong>display:inline-flex</strong> to the element’s parent. { learn-more } @@ -66,6 +81,8 @@ inactive-css-not-table-cell-fix = Try adding <strong>display:table-cell</strong> inactive-scroll-padding-when-not-scroll-container-fix = Try adding <strong>overflow:auto</strong>, <strong>overflow:scroll</strong>, or <strong>overflow:hidden</strong>. { learn-more } inactive-css-border-image-fix = On the parent table element, remove the property or change the value of <strong>border-collapse</strong> to a value other than <strong>collapse</strong>. { learn-more } inactive-css-ruby-element-fix = Try changing the <strong>font-size</strong> of the ruby text. { learn-more } +inactive-css-text-wrap-balance-lines-exceeded-fix = Try to reduce the number of lines. { learn-more } +inactive-css-text-wrap-balance-fragmented-fix = Avoid splitting the element’s content e.g. by removing the columns or by using <strong>page-break-inside:avoid</strong>. { learn-more } ## In the Rule View when a CSS property may have compatibility issues with other browsers ## we display an icon. When this icon is hovered this message is displayed to explain why @@ -82,3 +99,10 @@ css-compatibility-deprecated-supported-message = <strong>{ $property }</strong> css-compatibility-experimental-message = <strong>{ $property }</strong> is an experimental property. It is not supported in the following browsers: css-compatibility-experimental-supported-message = <strong>{ $property }</strong> is an experimental property. css-compatibility-learn-more-message = <span data-l10n-name="link">Learn more</span> about <strong>{ $rootProperty }</strong> + +## In the Rule View when a rule selector can causes issues, we display an icon. +## When this icon is hovered one or more of those messages are displayed to explain what +## the issue are. + +# :has() should not be translated +css-selector-warning-unconstrained-has = This selector uses unconstrained <strong>:has()</strong>, which can be slow |