@longline/aqua-ui 1.0.166 → 1.0.167
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -17,6 +17,6 @@ var ScrollingContentBase = function (props) {
|
|
|
17
17
|
overflowY: "auto",
|
|
18
18
|
} }, !props.ghost && props.children));
|
|
19
19
|
};
|
|
20
|
-
var ScrollingContent = styled(ScrollingContentBase)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n height:
|
|
20
|
+
var ScrollingContent = styled(ScrollingContentBase)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n height: 100%;\n"], ["\n position: relative;\n height: 100%;\n"])));
|
|
21
21
|
export { ScrollingContent };
|
|
22
22
|
var templateObject_1;
|
package/controls/View/View.d.ts
CHANGED
|
@@ -22,7 +22,8 @@ interface IProps {
|
|
|
22
22
|
/**
|
|
23
23
|
* By default, content is ellipsized to one line. If `height` is set,
|
|
24
24
|
* content is allowed to grow, and a scrollbar is added. Height is in
|
|
25
|
-
* CSS units, e.g. `300px` or `30vh`.
|
|
25
|
+
* CSS units, e.g. `300px` or `30vh`. Use a `height` of `0` to force
|
|
26
|
+
* scrolling.
|
|
26
27
|
*/
|
|
27
28
|
height?: string;
|
|
28
29
|
/**
|
package/controls/View/View.js
CHANGED
|
@@ -37,9 +37,9 @@ var ViewBase = function (props) {
|
|
|
37
37
|
: React.createElement(EllipsizedContent, { ghost: props.ghost, children: props.children })),
|
|
38
38
|
props.hint && React.createElement(HintContent, null, props.hint)));
|
|
39
39
|
};
|
|
40
|
-
var Content = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position:
|
|
40
|
+
var Content = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: absolute;\n top: 22px;\n bottom: 22px;\n left: 0;\n right: 0;\n padding-left: 12px;\n padding-right: 12px;\n"], ["\n position: absolute;\n top: 22px;\n bottom: 22px;\n left: 0;\n right: 0;\n padding-left: 12px;\n padding-right: 12px;\n"])));
|
|
41
41
|
var HintContent = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: absolute;\n bottom: 3px;\n left: 12px;\n right: 12px;\n\n font: ", ";\n color: ", ";\n user-select: none;\n // Hints don't wrap and are ellipsized:\n white-space: nowrap;\n overflow-x: hidden;\n text-overflow: ellipsis;\n"], ["\n position: absolute;\n bottom: 3px;\n left: 12px;\n right: 12px;\n\n font: ", ";\n color: ", ";\n user-select: none;\n // Hints don't wrap and are ellipsized:\n white-space: nowrap;\n overflow-x: hidden;\n text-overflow: ellipsis;\n"])), function (p) { return p.theme.font.bodySmall; }, function (p) { return p.theme.colors.neutral[80]; });
|
|
42
|
-
var ViewStyled = styled(ViewBase)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n // Position & size:\n position: relative;\n box-sizing: border-box;\n margin-bottom: 8px;\n \n ", "\n z-index: 0; // for :before\n
|
|
42
|
+
var ViewStyled = styled(ViewBase)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n // Position & size:\n position: relative;\n box-sizing: border-box;\n margin-bottom: 8px;\n \n min-height: 80px;\n ", "\n z-index: 0; // for :before\n\n // Appearance:\n border-radius: ", "px;\n background-color: rgb(from ", " r g b / 30%);\n border: none;\n font: ", ";\n color: ", ";\n\n // Content:\n overflow: hidden;\n\n // Hint background:\n ", "\n\n ", " {\n position: absolute;\n left: 12px;\n right: 12px;\n top: 10px;\n color: ", ";\n user-select: none;\n }\n\n // Ghost state:\n ", "\n\n // Views may provide their weight in relative units to other fields.\n ", "\n"], ["\n // Position & size:\n position: relative;\n box-sizing: border-box;\n margin-bottom: 8px;\n \n min-height: 80px;\n ", "\n z-index: 0; // for :before\n\n // Appearance:\n border-radius: ", "px;\n background-color: rgb(from ", " r g b / 30%);\n border: none;\n font: ", ";\n color: ", ";\n\n // Content:\n overflow: hidden;\n\n // Hint background:\n ", "\n\n ", " {\n position: absolute;\n left: 12px;\n right: 12px;\n top: 10px;\n color: ", ";\n user-select: none;\n }\n\n // Ghost state:\n ", "\n\n // Views may provide their weight in relative units to other fields.\n ", "\n"
|
|
43
43
|
/**
|
|
44
44
|
* A `View` is used to display static (read-only) data. A `View` has a label,
|
|
45
45
|
* and its children are its value. Optionally, a hint can be shown at the
|