@zohodesk/dot 1.0.0-temp-128 → 1.0.0-temp-129
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.
- package/README.md +1202 -1202
- package/assets/Appearance/dark/mode/dotDarkMode.module.css +291 -294
- package/assets/Appearance/dark/themes/blue/blueDarkDotTheme.module.css +9 -9
- package/assets/Appearance/dark/themes/green/greenDarkDotTheme.module.css +9 -9
- package/assets/Appearance/dark/themes/orange/orangeDarkDotTheme.module.css +9 -9
- package/assets/Appearance/dark/themes/red/redDarkDotTheme.module.css +9 -9
- package/assets/Appearance/dark/themes/yellow/yellowDarkDotTheme.module.css +9 -9
- package/assets/Appearance/default/mode/dotDefaultMode.module.css +286 -289
- package/assets/Appearance/default/themes/blue/blueDefaultDotTheme.module.css +9 -9
- package/assets/Appearance/default/themes/green/greenDefaultDotTheme.module.css +9 -9
- package/assets/Appearance/default/themes/orange/orangeDefaultDotTheme.module.css +9 -9
- package/assets/Appearance/default/themes/red/redDefaultDotTheme.module.css +9 -9
- package/assets/Appearance/default/themes/yellow/yellowDefaultDotTheme.module.css +9 -9
- package/assets/Appearance/pureDark/mode/dotPureDarkMode.module.css +294 -297
- package/assets/Appearance/pureDark/themes/blue/bluePureDarkDotTheme.module.css +9 -9
- package/assets/Appearance/pureDark/themes/green/greenPureDarkDotTheme.module.css +9 -9
- package/assets/Appearance/pureDark/themes/orange/orangePureDarkDotTheme.module.css +9 -9
- package/assets/Appearance/pureDark/themes/red/redPureDarkDotTheme.module.css +9 -9
- package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkDotTheme.module.css +9 -9
- package/dubFinder.js +96 -96
- package/es/ActionButton/ActionButton.module.css +139 -139
- package/es/AlphabeticList/AlphabeticList.module.css +57 -57
- package/es/Attachment/Attachment.module.css +157 -157
- package/es/AttachmentViewer/AttachmentViewer.module.css +354 -353
- package/es/ChannelIcon/ChannelIcon.module.css +217 -217
- package/es/Drawer/Drawer.js +0 -0
- package/es/Drawer/Drawer.module.css +150 -189
- package/es/ExternalLink/ExternalLink.js +0 -0
- package/es/ExternalLink/ExternalLink.module.css +3 -3
- package/es/ExternalLink/__tests__/ExternalLink.spec.js +0 -0
- package/es/FlipCard/FlipCard.module.css +44 -44
- package/es/FormAction/FormAction.module.css +82 -82
- package/es/FreezeLayer/FreezeLayer.module.css +42 -42
- package/es/IconButton/IconButton.module.css +22 -22
- package/es/Image/Image.module.css +10 -10
- package/es/ImportantNotes/ImportantNotes.module.css +20 -20
- package/es/Link/Link.js +0 -0
- package/es/Link/Link.module.css +3 -3
- package/es/Loader/Loader.module.css +46 -46
- package/es/Message/Message.module.css +102 -102
- package/es/MessageBanner/MessageBanner.module.css +46 -46
- package/es/NewStar/NewStar.module.css +175 -175
- package/es/PlusIcon/PlusIcon.js +0 -0
- package/es/PlusIcon/PlusIcon.module.css +16 -19
- package/es/Separator/Separator.module.css +34 -34
- package/es/ToastMessage/ToastMessage.js +0 -0
- package/es/ToastMessage/ToastMessage.module.css +328 -329
- package/es/Upload/Upload.module.css +125 -125
- package/es/alert/AlertHeader/AlertHeader.module.css +80 -80
- package/es/alert/AlertLookup/AlertLookup.module.css +26 -26
- package/es/avatar/AvatarClose/AvatarClose.module.css +37 -37
- package/es/avatar/AvatarCollision/AvatarCollision.module.css +69 -69
- package/es/avatar/AvatarIcon/AvatarIcon.module.css +58 -58
- package/es/avatar/AvatarStatus/AvatarStatus.js +0 -0
- package/es/avatar/AvatarStatus/AvatarStatus.module.css +146 -146
- package/es/avatar/AvatarThread/AvatarThread.module.css +166 -166
- package/es/avatar/AvatarUser/AvatarUser.js +0 -0
- package/es/avatar/AvatarUser/AvatarUser.module.css +171 -171
- package/es/avatar/AvatarWithTeam/AvatarWithTeam.module.css +23 -23
- package/es/common/dot_animation.module.css +26 -26
- package/es/common/dot_common.module.css +3 -3
- package/es/deprecated/SelectDropdown/SelectDropdown.module.css +56 -56
- package/es/deprecated/utils/KeyboardApi.js +25 -25
- package/es/dropdown/ToggleDropDown/ToggleDropDown.module.css +101 -101
- package/es/emptystate/CommonEmptyState/CommonEmptyState.js +0 -0
- package/es/emptystate/CommonEmptyState/CommonEmptyState.module.css +85 -85
- package/es/emptystate/EditionPage/EditionPage.css +43 -43
- package/es/errorstate/EmptyStates.module.css +87 -87
- package/es/errorstate/Inconvenience/Inconvenience.module.css +7 -7
- package/es/errorstate/LinkText/LinkText.module.css +6 -6
- package/es/errorstate/NoRequestFound/NoRequestFound.module.css +3 -3
- package/es/errorstate/PermissionPlay/PermissionPlay.module.css +34 -34
- package/es/errorstate/RequestUrlNotFound/RequestUrlNotFound.module.css +3 -3
- package/es/errorstate/UnableToProcess/UnableToProcess.module.css +3 -3
- package/es/errorstate/UnauthorizedLogin/UnauthorizedLogin.module.css +3 -3
- package/es/errorstate/WillBack/WillBack.module.css +34 -34
- package/es/form/fields/CheckBoxField/CheckBoxField.js +0 -0
- package/es/form/fields/Fields.module.css +183 -183
- package/es/form/fields/TagsMultiSelect/TagsMultiSelect.module.css +107 -107
- package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.module.css +9 -9
- package/es/form/fields/TextEditor/TextEditor.module.css +666 -764
- package/es/form/fields/TextEditorWrapper/TextEditorWrapper.module.css +36 -36
- package/es/form/fields/ValidationMessage/ValidationMessage.module.css +27 -27
- package/es/form/layout/Field/Field.js +0 -0
- package/es/form/layout/Field/Field.module.css +22 -22
- package/es/form/layout/Section/ModuleFormSection.module.css +3 -3
- package/es/form/layout/Section/Section.js +0 -0
- package/es/layout/SetupDetailLayout/SetupDetailLayout.module.css +152 -152
- package/es/layout/SubtabLayout/SubtabLayout.module.css +146 -165
- package/es/list/AvatarFlip/AvatarFlip.module.css +3 -3
- package/es/list/BluePrintStatus/BluePrintStatus.js +2 -4
- package/es/list/BluePrintStatus/BluePrintStatus.module.css +14 -17
- package/es/list/Comment/Comment.module.css +29 -29
- package/es/list/DepartmentDropDown/DepartmentDropDown.module.css +9 -9
- package/es/list/Dot/Dot.module.css +15 -15
- package/es/list/DotNew/DotNew.module.css +22 -25
- package/es/list/GridStencils/GridStencils.module.css +146 -146
- package/es/list/Icons/Icons.module.css +16 -16
- package/es/list/ListLayout/ListLayout.module.css +57 -57
- package/es/list/ListStencils/ListStencils.module.css +67 -67
- package/es/list/SecondaryText/AccountName.js +9 -22
- package/es/list/SecondaryText/ContactName.js +11 -17
- package/es/list/SecondaryText/SecondaryText.module.css +181 -136
- package/es/list/SecondaryText/Website.js +0 -0
- package/es/list/SecondryPanel/SecondryPanel.js +0 -0
- package/es/list/SecondryPanel/SecondryPanel.module.css +5 -5
- package/es/list/SentimentStatus/SentimentStatus.js +4 -6
- package/es/list/SentimentStatus/SentimentStatus.module.css +7 -12
- package/es/list/Subject/Subject.module.css +27 -27
- package/es/list/TagNew/TagNew.module.css +115 -117
- package/es/list/Thread/Thread.module.css +42 -42
- package/es/list/UserTime/UserTime.js +3 -5
- package/es/list/UserTime/UserTime.module.css +75 -58
- package/es/list/listCommon.module.css +60 -60
- package/es/list/status/StatusDropdown/StatusDropdown.module.css +92 -92
- package/es/list/status/StatusListItem/StatusListItem.js +0 -0
- package/es/list/status/StatusListItem/StatusListItem.module.css +104 -104
- package/es/lookup/EmptyPage/EmptyPage.js +0 -0
- package/es/lookup/EmptyPage/LookupEmptyPage.module.css +12 -12
- package/es/lookup/Lookup/Lookup.js +0 -0
- package/es/lookup/Lookup/Lookup.module.css +26 -26
- package/es/lookup/Section/LookupSection.module.css +8 -8
- package/es/lookup/header/Close/LookupClose.module.css +15 -15
- package/es/lookup/header/Search/LookupSearch.module.css +57 -57
- package/es/lookup/header/TicketHeader/TicketHeader.module.css +22 -22
- package/es/lookup/header/Title/LookupTitle.module.css +20 -20
- package/es/lookup/header/ViewDropDown/ViewDropDown.module.css +50 -50
- package/es/lookup/header/lookupHeaderCommon.module.css +41 -41
- package/es/lookup/header/lookupHeaderCommonResponsive.module.css +24 -24
- package/es/setup/header/Button/HeaderButton.module.css +5 -5
- package/es/setup/header/Link/HeaderLink.module.css +21 -21
- package/es/setup/header/Search/Search.module.css +68 -68
- package/es/setup/header/Views/Views.module.css +37 -37
- package/es/setup/helptips/Description/HelpTipsDescription.module.css +6 -6
- package/es/setup/helptips/Link/HelpTipsLink.module.css +7 -7
- package/es/setup/helptips/Link/Link.js +0 -0
- package/es/setup/helptips/ListGroup/ListGroup.module.css +22 -22
- package/es/setup/helptips/Title/HelpTipsTitle.module.css +5 -5
- package/es/setup/helptips/Title/Title.js +0 -0
- package/es/setup/table/TableData/SetupTableData.module.css +44 -44
- package/es/setup/table/TableData/Tablehover.module.css +6 -6
- package/es/setup/table/TableHead/SetupTableHead.module.css +12 -12
- package/es/setup/table/TableRow/SetupTableRow.module.css +14 -14
- package/es/setup/table/Text/TableText.module.css +37 -37
- package/es/setup/table/Text/Text.js +0 -0
- package/es/svg/PlusIcon.js +1 -1
- package/es/svg/SnippetIcon.js +2 -2
- package/es/version2/AlertClose/AlertClose.module.css +42 -42
- package/es/version2/GlobalNotification/GlobalNotification.module.css +124 -127
- package/es/version2/alertIcons/AlertIcons.module.css +67 -67
- package/es/version2/errorstate/V2_ErrorStates.module.css +46 -46
- package/es/version2/lookup/AlertHeader/AlertHeaderNew.module.css +86 -86
- package/es/version2/lookup/AlertLookup/AlertLookupNew.module.css +43 -43
- package/es/version2/lookup/alertLookupCommonNew.module.css +32 -32
- package/es/version2/notification/DesktopNotification/DesktopNotification.module.css +106 -127
- package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +136 -136
- package/install.md +12 -12
- package/lib/ActionButton/ActionButton.module.css +139 -139
- package/lib/AlphabeticList/AlphabeticList.module.css +57 -57
- package/lib/Attachment/Attachment.module.css +157 -157
- package/lib/AttachmentViewer/AttachmentViewer.module.css +354 -353
- package/lib/ChannelIcon/ChannelIcon.module.css +217 -217
- package/lib/Drawer/Drawer.js +0 -0
- package/lib/Drawer/Drawer.module.css +150 -189
- package/lib/ExternalLink/ExternalLink.js +0 -0
- package/lib/ExternalLink/ExternalLink.module.css +3 -3
- package/lib/ExternalLink/__tests__/ExternalLink.spec.js +0 -0
- package/lib/FlipCard/FlipCard.module.css +44 -44
- package/lib/FormAction/FormAction.module.css +82 -82
- package/lib/FreezeLayer/FreezeLayer.module.css +42 -42
- package/lib/IconButton/IconButton.module.css +22 -22
- package/lib/Image/Image.module.css +10 -10
- package/lib/ImportantNotes/ImportantNotes.module.css +20 -20
- package/lib/Link/Link.js +0 -0
- package/lib/Link/Link.module.css +3 -3
- package/lib/Loader/Loader.module.css +46 -46
- package/lib/Message/Message.module.css +102 -102
- package/lib/MessageBanner/MessageBanner.module.css +46 -46
- package/lib/NewStar/NewStar.module.css +175 -175
- package/lib/PlusIcon/PlusIcon.js +0 -0
- package/lib/PlusIcon/PlusIcon.module.css +16 -19
- package/lib/Separator/Separator.module.css +34 -34
- package/lib/ToastMessage/ToastMessage.js +0 -0
- package/lib/ToastMessage/ToastMessage.module.css +328 -329
- package/lib/Upload/Upload.module.css +125 -125
- package/lib/alert/AlertHeader/AlertHeader.module.css +80 -80
- package/lib/alert/AlertLookup/AlertLookup.module.css +26 -26
- package/lib/avatar/AvatarClose/AvatarClose.module.css +37 -37
- package/lib/avatar/AvatarCollision/AvatarCollision.module.css +69 -69
- package/lib/avatar/AvatarIcon/AvatarIcon.module.css +58 -58
- package/lib/avatar/AvatarStatus/AvatarStatus.js +0 -0
- package/lib/avatar/AvatarStatus/AvatarStatus.module.css +146 -146
- package/lib/avatar/AvatarThread/AvatarThread.module.css +166 -166
- package/lib/avatar/AvatarUser/AvatarUser.js +0 -0
- package/lib/avatar/AvatarUser/AvatarUser.module.css +171 -171
- package/lib/avatar/AvatarWithTeam/AvatarWithTeam.module.css +23 -23
- package/lib/common/dot_animation.module.css +26 -26
- package/lib/common/dot_common.module.css +3 -3
- package/lib/deprecated/SelectDropdown/SelectDropdown.module.css +56 -56
- package/lib/deprecated/utils/KeyboardApi.js +25 -25
- package/lib/dropdown/ToggleDropDown/ToggleDropDown.module.css +101 -101
- package/lib/emptystate/CommonEmptyState/CommonEmptyState.js +0 -0
- package/lib/emptystate/CommonEmptyState/CommonEmptyState.module.css +85 -85
- package/lib/emptystate/EditionPage/EditionPage.css +43 -43
- package/lib/errorstate/EmptyStates.module.css +87 -87
- package/lib/errorstate/Inconvenience/Inconvenience.module.css +7 -7
- package/lib/errorstate/LinkText/LinkText.module.css +6 -6
- package/lib/errorstate/NoRequestFound/NoRequestFound.module.css +3 -3
- package/lib/errorstate/PermissionPlay/PermissionPlay.module.css +34 -34
- package/lib/errorstate/RequestUrlNotFound/RequestUrlNotFound.module.css +3 -3
- package/lib/errorstate/UnableToProcess/UnableToProcess.module.css +3 -3
- package/lib/errorstate/UnauthorizedLogin/UnauthorizedLogin.module.css +3 -3
- package/lib/errorstate/WillBack/WillBack.module.css +34 -34
- package/lib/form/fields/CheckBoxField/CheckBoxField.js +0 -0
- package/lib/form/fields/Fields.module.css +183 -183
- package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.module.css +107 -107
- package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.module.css +9 -9
- package/lib/form/fields/TextEditor/TextEditor.module.css +666 -764
- package/lib/form/fields/TextEditorWrapper/TextEditorWrapper.module.css +36 -36
- package/lib/form/fields/ValidationMessage/ValidationMessage.module.css +27 -27
- package/lib/form/layout/Field/Field.js +0 -0
- package/lib/form/layout/Field/Field.module.css +22 -22
- package/lib/form/layout/Section/ModuleFormSection.module.css +3 -3
- package/lib/form/layout/Section/Section.js +0 -0
- package/lib/layout/SetupDetailLayout/SetupDetailLayout.module.css +152 -152
- package/lib/layout/SubtabLayout/SubtabLayout.module.css +146 -165
- package/lib/list/AvatarFlip/AvatarFlip.module.css +3 -3
- package/lib/list/BluePrintStatus/BluePrintStatus.js +2 -4
- package/lib/list/BluePrintStatus/BluePrintStatus.module.css +14 -17
- package/lib/list/Comment/Comment.module.css +29 -29
- package/lib/list/DepartmentDropDown/DepartmentDropDown.module.css +9 -9
- package/lib/list/Dot/Dot.module.css +15 -15
- package/lib/list/DotNew/DotNew.module.css +22 -25
- package/lib/list/GridStencils/GridStencils.module.css +146 -146
- package/lib/list/Icons/Icons.module.css +16 -16
- package/lib/list/ListLayout/ListLayout.module.css +57 -57
- package/lib/list/ListStencils/ListStencils.module.css +67 -67
- package/lib/list/SecondaryText/AccountName.js +9 -22
- package/lib/list/SecondaryText/ContactName.js +11 -17
- package/lib/list/SecondaryText/SecondaryText.module.css +181 -136
- package/lib/list/SecondaryText/Website.js +0 -0
- package/lib/list/SecondryPanel/SecondryPanel.js +0 -0
- package/lib/list/SecondryPanel/SecondryPanel.module.css +5 -5
- package/lib/list/SentimentStatus/SentimentStatus.js +4 -6
- package/lib/list/SentimentStatus/SentimentStatus.module.css +7 -12
- package/lib/list/Subject/Subject.module.css +27 -27
- package/lib/list/TagNew/TagNew.module.css +115 -117
- package/lib/list/Thread/Thread.module.css +42 -42
- package/lib/list/UserTime/UserTime.js +3 -5
- package/lib/list/UserTime/UserTime.module.css +75 -58
- package/lib/list/listCommon.module.css +60 -60
- package/lib/list/status/StatusDropdown/StatusDropdown.module.css +92 -92
- package/lib/list/status/StatusListItem/StatusListItem.js +0 -0
- package/lib/list/status/StatusListItem/StatusListItem.module.css +104 -104
- package/lib/lookup/EmptyPage/EmptyPage.js +0 -0
- package/lib/lookup/EmptyPage/LookupEmptyPage.module.css +12 -12
- package/lib/lookup/Lookup/Lookup.js +0 -0
- package/lib/lookup/Lookup/Lookup.module.css +26 -26
- package/lib/lookup/Section/LookupSection.module.css +8 -8
- package/lib/lookup/header/Close/LookupClose.module.css +15 -15
- package/lib/lookup/header/Search/LookupSearch.module.css +57 -57
- package/lib/lookup/header/TicketHeader/TicketHeader.module.css +22 -22
- package/lib/lookup/header/Title/LookupTitle.module.css +20 -20
- package/lib/lookup/header/ViewDropDown/ViewDropDown.module.css +50 -50
- package/lib/lookup/header/lookupHeaderCommon.module.css +41 -41
- package/lib/lookup/header/lookupHeaderCommonResponsive.module.css +24 -24
- package/lib/setup/header/Button/HeaderButton.module.css +5 -5
- package/lib/setup/header/Link/HeaderLink.module.css +21 -21
- package/lib/setup/header/Search/Search.module.css +68 -68
- package/lib/setup/header/Views/Views.module.css +37 -37
- package/lib/setup/helptips/Description/HelpTipsDescription.module.css +6 -6
- package/lib/setup/helptips/Link/HelpTipsLink.module.css +7 -7
- package/lib/setup/helptips/Link/Link.js +0 -0
- package/lib/setup/helptips/ListGroup/ListGroup.module.css +22 -22
- package/lib/setup/helptips/Title/HelpTipsTitle.module.css +5 -5
- package/lib/setup/helptips/Title/Title.js +0 -0
- package/lib/setup/table/TableData/SetupTableData.module.css +44 -44
- package/lib/setup/table/TableData/Tablehover.module.css +6 -6
- package/lib/setup/table/TableHead/SetupTableHead.module.css +12 -12
- package/lib/setup/table/TableRow/SetupTableRow.module.css +14 -14
- package/lib/setup/table/Text/TableText.module.css +37 -37
- package/lib/setup/table/Text/Text.js +0 -0
- package/lib/svg/PlusIcon.js +1 -1
- package/lib/svg/SnippetIcon.js +2 -2
- package/lib/version2/AlertClose/AlertClose.module.css +42 -42
- package/lib/version2/GlobalNotification/GlobalNotification.module.css +124 -127
- package/lib/version2/alertIcons/AlertIcons.module.css +67 -67
- package/lib/version2/errorstate/V2_ErrorStates.module.css +46 -46
- package/lib/version2/lookup/AlertHeader/AlertHeaderNew.module.css +86 -86
- package/lib/version2/lookup/AlertLookup/AlertLookupNew.module.css +43 -43
- package/lib/version2/lookup/alertLookupCommonNew.module.css +32 -32
- package/lib/version2/notification/DesktopNotification/DesktopNotification.module.css +106 -127
- package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +136 -136
- package/package.json +104 -104
- package/css_error.log +0 -1
- package/es/common/dot_boxShadow.module.css +0 -77
- package/lib/common/dot_boxShadow.module.css +0 -77
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
.dropdown {
|
|
2
|
-
margin: 0 var(--zd_size20);
|
|
3
|
-
}
|
|
4
|
-
/* Responsive */
|
|
5
|
-
[dir=ltr] .small .searchContainer {
|
|
6
|
-
text-align: left;
|
|
7
|
-
}
|
|
8
|
-
[dir=rtl] .small .searchContainer {
|
|
9
|
-
text-align: right;
|
|
10
|
-
}
|
|
11
|
-
.small .searchContainer input {
|
|
12
|
-
width: var(--zd_size193);
|
|
13
|
-
border-bottom: 1px solid var(--zdt_lookupticketheader_border);
|
|
14
|
-
}
|
|
15
|
-
.small .innerContainer,
|
|
16
|
-
.extraSmall .innerContainer {
|
|
17
|
-
flex-direction: column;
|
|
18
|
-
align-items: flex-start;
|
|
19
|
-
}
|
|
20
|
-
.extraSmall .container {
|
|
21
|
-
flex-direction: column;
|
|
22
|
-
}
|
|
1
|
+
.dropdown {
|
|
2
|
+
margin: 0 var(--zd_size20);
|
|
3
|
+
}
|
|
4
|
+
/* Responsive */
|
|
5
|
+
[dir=ltr] .small .searchContainer {
|
|
6
|
+
text-align: left;
|
|
7
|
+
}
|
|
8
|
+
[dir=rtl] .small .searchContainer {
|
|
9
|
+
text-align: right;
|
|
10
|
+
}
|
|
11
|
+
.small .searchContainer input {
|
|
12
|
+
width: var(--zd_size193);
|
|
13
|
+
border-bottom: 1px solid var(--zdt_lookupticketheader_border);
|
|
14
|
+
}
|
|
15
|
+
.small .innerContainer,
|
|
16
|
+
.extraSmall .innerContainer {
|
|
17
|
+
flex-direction: column;
|
|
18
|
+
align-items: flex-start;
|
|
19
|
+
}
|
|
20
|
+
.extraSmall .container {
|
|
21
|
+
flex-direction: column;
|
|
22
|
+
}
|
|
23
23
|
.menuWrapper{display: inline-block;}
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
.title {
|
|
2
|
-
font-size: var(--zd_font_size16);
|
|
3
|
-
font-family: var(--zd_semibold);
|
|
4
|
-
composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
|
|
5
|
-
vertical-align: middle;
|
|
6
|
-
word-break: break-all;
|
|
7
|
-
}
|
|
8
|
-
.bold {
|
|
9
|
-
font-family: var(--zd_semibold);
|
|
10
|
-
}
|
|
11
|
-
/* Palette */
|
|
12
|
-
.default {
|
|
13
|
-
color: var(--zdt_lookuptitle_default_text);
|
|
14
|
-
}
|
|
15
|
-
.primary {
|
|
16
|
-
color: var(--zdt_lookuptitle_primary_text);
|
|
17
|
-
}
|
|
18
|
-
.danger {
|
|
19
|
-
color: var(--zdt_lookuptitle_danger_text);
|
|
20
|
-
}
|
|
1
|
+
.title {
|
|
2
|
+
font-size: var(--zd_font_size16);
|
|
3
|
+
font-family: var(--zd_semibold);
|
|
4
|
+
composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
|
|
5
|
+
vertical-align: middle;
|
|
6
|
+
word-break: break-all;
|
|
7
|
+
}
|
|
8
|
+
.bold {
|
|
9
|
+
font-family: var(--zd_semibold);
|
|
10
|
+
}
|
|
11
|
+
/* Palette */
|
|
12
|
+
.default {
|
|
13
|
+
color: var(--zdt_lookuptitle_default_text);
|
|
14
|
+
}
|
|
15
|
+
.primary {
|
|
16
|
+
color: var(--zdt_lookuptitle_primary_text);
|
|
17
|
+
}
|
|
18
|
+
.danger {
|
|
19
|
+
color: var(--zdt_lookuptitle_danger_text);
|
|
20
|
+
}
|
|
@@ -1,50 +1,50 @@
|
|
|
1
|
-
.small {
|
|
2
|
-
max-height: var(--zd_size200);
|
|
3
|
-
}
|
|
4
|
-
.medium {
|
|
5
|
-
max-height: var(--zd_size348);
|
|
6
|
-
}
|
|
7
|
-
.large {
|
|
8
|
-
max-height: var(--zd_size400);
|
|
9
|
-
}
|
|
10
|
-
.emptyState {
|
|
11
|
-
font-size: var(--zd_font_size14);
|
|
12
|
-
color: var(--zdt_viewdropdown_empty_text);
|
|
13
|
-
font-family: var(--zd_semibold);
|
|
14
|
-
composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
|
|
15
|
-
padding: var(--zd_size12) var(--zd_size15);
|
|
16
|
-
}
|
|
17
|
-
.hide {
|
|
18
|
-
composes: vishidden from '~@zohodesk/components/lib/common/common.module.css';
|
|
19
|
-
}
|
|
20
|
-
.container {
|
|
21
|
-
position: relative;
|
|
22
|
-
}
|
|
23
|
-
.listItemContainer {
|
|
24
|
-
padding: var(--zd_size10) 0;
|
|
25
|
-
}
|
|
26
|
-
/* Label Style */
|
|
27
|
-
.labelCnt {
|
|
28
|
-
composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
|
|
29
|
-
line-height: var(--zd_size20);
|
|
30
|
-
color: var(--zdt_viewdropdown_label_text);
|
|
31
|
-
cursor: pointer;
|
|
32
|
-
}
|
|
33
|
-
.labelText {
|
|
34
|
-
font-size: var(--zd_font_size12);
|
|
35
|
-
max-width: var(--zd_size180);
|
|
36
|
-
composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
|
|
37
|
-
}
|
|
38
|
-
[dir=ltr] .labelText {
|
|
39
|
-
margin-right: var(--zd_size5);
|
|
40
|
-
}
|
|
41
|
-
[dir=rtl] .labelText {
|
|
42
|
-
margin-left: var(--zd_size5);
|
|
43
|
-
}
|
|
44
|
-
.labelCnt:hover .arrowIcon {
|
|
45
|
-
color: var(--zdt_viewdropdown_hover_label_text);
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
.loader {
|
|
49
|
-
padding: var(--zd_size12) var(--zd_size15);
|
|
50
|
-
}
|
|
1
|
+
.small {
|
|
2
|
+
max-height: var(--zd_size200);
|
|
3
|
+
}
|
|
4
|
+
.medium {
|
|
5
|
+
max-height: var(--zd_size348);
|
|
6
|
+
}
|
|
7
|
+
.large {
|
|
8
|
+
max-height: var(--zd_size400);
|
|
9
|
+
}
|
|
10
|
+
.emptyState {
|
|
11
|
+
font-size: var(--zd_font_size14);
|
|
12
|
+
color: var(--zdt_viewdropdown_empty_text);
|
|
13
|
+
font-family: var(--zd_semibold);
|
|
14
|
+
composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
|
|
15
|
+
padding: var(--zd_size12) var(--zd_size15);
|
|
16
|
+
}
|
|
17
|
+
.hide {
|
|
18
|
+
composes: vishidden from '~@zohodesk/components/lib/common/common.module.css';
|
|
19
|
+
}
|
|
20
|
+
.container {
|
|
21
|
+
position: relative;
|
|
22
|
+
}
|
|
23
|
+
.listItemContainer {
|
|
24
|
+
padding: var(--zd_size10) 0;
|
|
25
|
+
}
|
|
26
|
+
/* Label Style */
|
|
27
|
+
.labelCnt {
|
|
28
|
+
composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
|
|
29
|
+
line-height: var(--zd_size20);
|
|
30
|
+
color: var(--zdt_viewdropdown_label_text);
|
|
31
|
+
cursor: pointer;
|
|
32
|
+
}
|
|
33
|
+
.labelText {
|
|
34
|
+
font-size: var(--zd_font_size12);
|
|
35
|
+
max-width: var(--zd_size180);
|
|
36
|
+
composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
|
|
37
|
+
}
|
|
38
|
+
[dir=ltr] .labelText {
|
|
39
|
+
margin-right: var(--zd_size5);
|
|
40
|
+
}
|
|
41
|
+
[dir=rtl] .labelText {
|
|
42
|
+
margin-left: var(--zd_size5);
|
|
43
|
+
}
|
|
44
|
+
.labelCnt:hover .arrowIcon {
|
|
45
|
+
color: var(--zdt_viewdropdown_hover_label_text);
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.loader {
|
|
49
|
+
padding: var(--zd_size12) var(--zd_size15);
|
|
50
|
+
}
|
|
@@ -1,41 +1,41 @@
|
|
|
1
|
-
.container {
|
|
2
|
-
min-height: var(--zd_size51);
|
|
3
|
-
position: relative;
|
|
4
|
-
}[dir=ltr] .container {
|
|
5
|
-
padding: 0 var(--zd_size52) 0 var(--zd_size10);
|
|
6
|
-
}[dir=rtl] .container {
|
|
7
|
-
padding: 0 var(--zd_size10) 0 var(--zd_size52);
|
|
8
|
-
}
|
|
9
|
-
.default {
|
|
10
|
-
background-color: var(--zdt_lookupheader_default_bg);
|
|
11
|
-
border-bottom: solid 1px var(--zdt_lookupheader_default_border);
|
|
12
|
-
}
|
|
13
|
-
.white {
|
|
14
|
-
background-color: var(--zdt_lookupheader_white_bg);
|
|
15
|
-
border-bottom: solid 1px var(--zdt_lookupheader_white_border);
|
|
16
|
-
}
|
|
17
|
-
.searchContainer, .title {
|
|
18
|
-
margin: 0 var(--zd_size20);
|
|
19
|
-
}
|
|
20
|
-
[dir=ltr] .searchContainer {
|
|
21
|
-
text-align: right;
|
|
22
|
-
}
|
|
23
|
-
[dir=rtl] .searchContainer {
|
|
24
|
-
text-align: left;
|
|
25
|
-
}
|
|
26
|
-
.closeContainer {
|
|
27
|
-
position: absolute;
|
|
28
|
-
top: 50%;
|
|
29
|
-
composes: middleY from '~@zohodesk/components/lib/common/common.module.css';
|
|
30
|
-
}
|
|
31
|
-
[dir=ltr] .closeContainer {
|
|
32
|
-
right: var(--zd_size30);
|
|
33
|
-
}
|
|
34
|
-
[dir=rtl] .closeContainer {
|
|
35
|
-
left: var(--zd_size30);
|
|
36
|
-
}
|
|
37
|
-
.para {
|
|
38
|
-
font-size: var(--zd_font_size12);
|
|
39
|
-
color: var(--zdt_lookupheader_para_text);
|
|
40
|
-
margin: 0 var(--zd_size20);
|
|
41
|
-
}
|
|
1
|
+
.container {
|
|
2
|
+
min-height: var(--zd_size51);
|
|
3
|
+
position: relative;
|
|
4
|
+
}[dir=ltr] .container {
|
|
5
|
+
padding: 0 var(--zd_size52) 0 var(--zd_size10);
|
|
6
|
+
}[dir=rtl] .container {
|
|
7
|
+
padding: 0 var(--zd_size10) 0 var(--zd_size52);
|
|
8
|
+
}
|
|
9
|
+
.default {
|
|
10
|
+
background-color: var(--zdt_lookupheader_default_bg);
|
|
11
|
+
border-bottom: solid 1px var(--zdt_lookupheader_default_border);
|
|
12
|
+
}
|
|
13
|
+
.white {
|
|
14
|
+
background-color: var(--zdt_lookupheader_white_bg);
|
|
15
|
+
border-bottom: solid 1px var(--zdt_lookupheader_white_border);
|
|
16
|
+
}
|
|
17
|
+
.searchContainer, .title {
|
|
18
|
+
margin: 0 var(--zd_size20);
|
|
19
|
+
}
|
|
20
|
+
[dir=ltr] .searchContainer {
|
|
21
|
+
text-align: right;
|
|
22
|
+
}
|
|
23
|
+
[dir=rtl] .searchContainer {
|
|
24
|
+
text-align: left;
|
|
25
|
+
}
|
|
26
|
+
.closeContainer {
|
|
27
|
+
position: absolute;
|
|
28
|
+
top: 50%;
|
|
29
|
+
composes: middleY from '~@zohodesk/components/lib/common/common.module.css';
|
|
30
|
+
}
|
|
31
|
+
[dir=ltr] .closeContainer {
|
|
32
|
+
right: var(--zd_size30);
|
|
33
|
+
}
|
|
34
|
+
[dir=rtl] .closeContainer {
|
|
35
|
+
left: var(--zd_size30);
|
|
36
|
+
}
|
|
37
|
+
.para {
|
|
38
|
+
font-size: var(--zd_font_size12);
|
|
39
|
+
color: var(--zdt_lookupheader_para_text);
|
|
40
|
+
margin: 0 var(--zd_size20);
|
|
41
|
+
}
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
/* Responsive */
|
|
2
|
-
.extraSmall {
|
|
3
|
-
justify-content: normal;
|
|
4
|
-
flex-direction: column;
|
|
5
|
-
align-items: flex-start;
|
|
6
|
-
}
|
|
7
|
-
[dir=ltr] .extraSmall {
|
|
8
|
-
padding: var(--zd_size12) var(--zd_size45) var(--zd_size12) 0;
|
|
9
|
-
}
|
|
10
|
-
[dir=rtl] .extraSmall {
|
|
11
|
-
padding: var(--zd_size12) 0 var(--zd_size12) var(--zd_size45);
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
[dir=ltr] .extraSmall .searchContainer {
|
|
15
|
-
text-align: left;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
[dir=rtl] .extraSmall .searchContainer {
|
|
19
|
-
text-align: right;
|
|
20
|
-
}
|
|
21
|
-
.extraSmall .searchContainer input {
|
|
22
|
-
width: var(--zd_size193);
|
|
23
|
-
border-bottom: 1px solid var(--zdt_lookupheader_input_border);
|
|
24
|
-
}
|
|
1
|
+
/* Responsive */
|
|
2
|
+
.extraSmall {
|
|
3
|
+
justify-content: normal;
|
|
4
|
+
flex-direction: column;
|
|
5
|
+
align-items: flex-start;
|
|
6
|
+
}
|
|
7
|
+
[dir=ltr] .extraSmall {
|
|
8
|
+
padding: var(--zd_size12) var(--zd_size45) var(--zd_size12) 0;
|
|
9
|
+
}
|
|
10
|
+
[dir=rtl] .extraSmall {
|
|
11
|
+
padding: var(--zd_size12) 0 var(--zd_size12) var(--zd_size45);
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
[dir=ltr] .extraSmall .searchContainer {
|
|
15
|
+
text-align: left;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
[dir=rtl] .extraSmall .searchContainer {
|
|
19
|
+
text-align: right;
|
|
20
|
+
}
|
|
21
|
+
.extraSmall .searchContainer input {
|
|
22
|
+
width: var(--zd_size193);
|
|
23
|
+
border-bottom: 1px solid var(--zdt_lookupheader_input_border);
|
|
24
|
+
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
[dir=ltr] .container {
|
|
2
|
-
margin-right: var(--zd_size15);
|
|
3
|
-
}[dir=rtl] .container {
|
|
4
|
-
margin-left: var(--zd_size15);
|
|
5
|
-
}
|
|
1
|
+
[dir=ltr] .container {
|
|
2
|
+
margin-right: var(--zd_size15);
|
|
3
|
+
}[dir=rtl] .container {
|
|
4
|
+
margin-left: var(--zd_size15);
|
|
5
|
+
}
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
.container {
|
|
2
|
-
composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
|
|
3
|
-
color: var(--zdt_headerlink_text);
|
|
4
|
-
font-size: var(--zd_font_size12);
|
|
5
|
-
}[dir=ltr] .container {
|
|
6
|
-
margin-right: var(--zd_size15);
|
|
7
|
-
}[dir=rtl] .container {
|
|
8
|
-
margin-left: var(--zd_size15);
|
|
9
|
-
}
|
|
10
|
-
[dir=ltr] .icon {
|
|
11
|
-
margin-right: var(--zd_size5);
|
|
12
|
-
}
|
|
13
|
-
[dir=rtl] .icon {
|
|
14
|
-
margin-left: var(--zd_size5);
|
|
15
|
-
}
|
|
16
|
-
.container:hover .text {
|
|
17
|
-
border-bottom: 1px solid var(--zdt_headerlink_hover_text);
|
|
18
|
-
}
|
|
19
|
-
.text {
|
|
20
|
-
composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
|
|
21
|
-
}
|
|
1
|
+
.container {
|
|
2
|
+
composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
|
|
3
|
+
color: var(--zdt_headerlink_text);
|
|
4
|
+
font-size: var(--zd_font_size12);
|
|
5
|
+
}[dir=ltr] .container {
|
|
6
|
+
margin-right: var(--zd_size15);
|
|
7
|
+
}[dir=rtl] .container {
|
|
8
|
+
margin-left: var(--zd_size15);
|
|
9
|
+
}
|
|
10
|
+
[dir=ltr] .icon {
|
|
11
|
+
margin-right: var(--zd_size5);
|
|
12
|
+
}
|
|
13
|
+
[dir=rtl] .icon {
|
|
14
|
+
margin-left: var(--zd_size5);
|
|
15
|
+
}
|
|
16
|
+
.container:hover .text {
|
|
17
|
+
border-bottom: 1px solid var(--zdt_headerlink_hover_text);
|
|
18
|
+
}
|
|
19
|
+
.text {
|
|
20
|
+
composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
|
|
21
|
+
}
|
|
@@ -1,68 +1,68 @@
|
|
|
1
|
-
.container {
|
|
2
|
-
position: relative;
|
|
3
|
-
transition: width var(--zd_transition3);
|
|
4
|
-
width: var(--zd_size90);
|
|
5
|
-
}[dir=ltr] .container {
|
|
6
|
-
margin-right: var(--zd_size15);
|
|
7
|
-
}[dir=rtl] .container {
|
|
8
|
-
margin-left: var(--zd_size15);
|
|
9
|
-
}
|
|
10
|
-
.active {
|
|
11
|
-
width: var(--zd_size180);
|
|
12
|
-
}
|
|
13
|
-
.active .input, .input:hover {
|
|
14
|
-
border-bottom-color: var(--zdt_search_input_border);
|
|
15
|
-
}
|
|
16
|
-
.icon {
|
|
17
|
-
position: absolute;
|
|
18
|
-
top: 0;
|
|
19
|
-
bottom: 0;
|
|
20
|
-
color: var(--zdt_search_icon);
|
|
21
|
-
line-height: var(--zd_size26);
|
|
22
|
-
cursor: pointer;
|
|
23
|
-
}
|
|
24
|
-
[dir=ltr] .icon {
|
|
25
|
-
right: 0;
|
|
26
|
-
}
|
|
27
|
-
[dir=rtl] .icon {
|
|
28
|
-
left: 0;
|
|
29
|
-
}
|
|
30
|
-
.icon:hover {
|
|
31
|
-
color: var(--zdt_search_hover_icon);
|
|
32
|
-
}
|
|
33
|
-
.input {
|
|
34
|
-
height: var(--zd_size26);
|
|
35
|
-
font-size: var(--zd_font_size13);
|
|
36
|
-
width: 100%;
|
|
37
|
-
letter-spacing: 0.2px;
|
|
38
|
-
transition: all var(--zd_transition3) ease;
|
|
39
|
-
color: var(--zdt_search_input_text);
|
|
40
|
-
font-family: var(--zd_regular);
|
|
41
|
-
-webkit-appearance: none;
|
|
42
|
-
-moz-appearance: none;
|
|
43
|
-
appearance: none;
|
|
44
|
-
border: 0;
|
|
45
|
-
border-bottom: 1px solid transparent;
|
|
46
|
-
background: var(--zdt_search_input_bg);
|
|
47
|
-
}
|
|
48
|
-
[dir=ltr] .input {
|
|
49
|
-
padding-right: var(--zd_size20);
|
|
50
|
-
}
|
|
51
|
-
[dir=rtl] .input {
|
|
52
|
-
padding-left: var(--zd_size20);
|
|
53
|
-
}
|
|
54
|
-
.input::placeholder {
|
|
55
|
-
color: var(--zdt_search_placeholder_text);
|
|
56
|
-
}
|
|
57
|
-
.input::-webkit-placeholder {
|
|
58
|
-
color: var(--zdt_search_placeholder_text);
|
|
59
|
-
}
|
|
60
|
-
.input::-moz-placeholder {
|
|
61
|
-
color: var(--zdt_search_placeholder_text);
|
|
62
|
-
}
|
|
63
|
-
.input::-ms-placeholder {
|
|
64
|
-
color: var(--zdt_search_placeholder_text);
|
|
65
|
-
}
|
|
66
|
-
.input:focus, .active .input:focus {
|
|
67
|
-
border-bottom-color: var(--zdt_search_input_focus_border);
|
|
68
|
-
}
|
|
1
|
+
.container {
|
|
2
|
+
position: relative;
|
|
3
|
+
transition: width var(--zd_transition3);
|
|
4
|
+
width: var(--zd_size90);
|
|
5
|
+
}[dir=ltr] .container {
|
|
6
|
+
margin-right: var(--zd_size15);
|
|
7
|
+
}[dir=rtl] .container {
|
|
8
|
+
margin-left: var(--zd_size15);
|
|
9
|
+
}
|
|
10
|
+
.active {
|
|
11
|
+
width: var(--zd_size180);
|
|
12
|
+
}
|
|
13
|
+
.active .input, .input:hover {
|
|
14
|
+
border-bottom-color: var(--zdt_search_input_border);
|
|
15
|
+
}
|
|
16
|
+
.icon {
|
|
17
|
+
position: absolute;
|
|
18
|
+
top: 0;
|
|
19
|
+
bottom: 0;
|
|
20
|
+
color: var(--zdt_search_icon);
|
|
21
|
+
line-height: var(--zd_size26);
|
|
22
|
+
cursor: pointer;
|
|
23
|
+
}
|
|
24
|
+
[dir=ltr] .icon {
|
|
25
|
+
right: 0;
|
|
26
|
+
}
|
|
27
|
+
[dir=rtl] .icon {
|
|
28
|
+
left: 0;
|
|
29
|
+
}
|
|
30
|
+
.icon:hover {
|
|
31
|
+
color: var(--zdt_search_hover_icon);
|
|
32
|
+
}
|
|
33
|
+
.input {
|
|
34
|
+
height: var(--zd_size26);
|
|
35
|
+
font-size: var(--zd_font_size13);
|
|
36
|
+
width: 100%;
|
|
37
|
+
letter-spacing: 0.2px;
|
|
38
|
+
transition: all var(--zd_transition3) ease;
|
|
39
|
+
color: var(--zdt_search_input_text);
|
|
40
|
+
font-family: var(--zd_regular);
|
|
41
|
+
-webkit-appearance: none;
|
|
42
|
+
-moz-appearance: none;
|
|
43
|
+
appearance: none;
|
|
44
|
+
border: 0;
|
|
45
|
+
border-bottom: 1px solid transparent;
|
|
46
|
+
background: var(--zdt_search_input_bg);
|
|
47
|
+
}
|
|
48
|
+
[dir=ltr] .input {
|
|
49
|
+
padding-right: var(--zd_size20);
|
|
50
|
+
}
|
|
51
|
+
[dir=rtl] .input {
|
|
52
|
+
padding-left: var(--zd_size20);
|
|
53
|
+
}
|
|
54
|
+
.input::placeholder {
|
|
55
|
+
color: var(--zdt_search_placeholder_text);
|
|
56
|
+
}
|
|
57
|
+
.input::-webkit-placeholder {
|
|
58
|
+
color: var(--zdt_search_placeholder_text);
|
|
59
|
+
}
|
|
60
|
+
.input::-moz-placeholder {
|
|
61
|
+
color: var(--zdt_search_placeholder_text);
|
|
62
|
+
}
|
|
63
|
+
.input::-ms-placeholder {
|
|
64
|
+
color: var(--zdt_search_placeholder_text);
|
|
65
|
+
}
|
|
66
|
+
.input:focus, .active .input:focus {
|
|
67
|
+
border-bottom-color: var(--zdt_search_input_focus_border);
|
|
68
|
+
}
|
|
@@ -1,37 +1,37 @@
|
|
|
1
|
-
.container {
|
|
2
|
-
display: inline-block;
|
|
3
|
-
}[dir=ltr] .container {
|
|
4
|
-
margin-right: var(--zd_size15);
|
|
5
|
-
}[dir=rtl] .container {
|
|
6
|
-
margin-left: var(--zd_size15);
|
|
7
|
-
}
|
|
8
|
-
.icon {
|
|
9
|
-
display: inline-block;
|
|
10
|
-
color: var(--zdt_views_icon);
|
|
11
|
-
height: var(--zd_size28);
|
|
12
|
-
width: var(--zd_size28);
|
|
13
|
-
line-height: var(--zd_size26);
|
|
14
|
-
text-align: center;
|
|
15
|
-
cursor: pointer;
|
|
16
|
-
border: 1px solid var(--zdt_views_border);
|
|
17
|
-
}
|
|
18
|
-
[dir=ltr] .first {
|
|
19
|
-
border-radius: 2px 0 0 2px;
|
|
20
|
-
}
|
|
21
|
-
[dir=rtl] .first {
|
|
22
|
-
border-radius: 0 2px 2px 0;
|
|
23
|
-
}
|
|
24
|
-
[dir=ltr] .last {
|
|
25
|
-
border-radius: 0 2px 2px 0;
|
|
26
|
-
border-left-width: 0;
|
|
27
|
-
}
|
|
28
|
-
[dir=rtl] .last {
|
|
29
|
-
border-radius: 2px 0 0 2px;
|
|
30
|
-
border-right-width: 0;
|
|
31
|
-
}
|
|
32
|
-
.icon:hover {
|
|
33
|
-
color: var(--zdt_views_hover_icon);
|
|
34
|
-
}
|
|
35
|
-
.icon.active {
|
|
36
|
-
color: var(--zdt_views_active_icon);
|
|
37
|
-
}
|
|
1
|
+
.container {
|
|
2
|
+
display: inline-block;
|
|
3
|
+
}[dir=ltr] .container {
|
|
4
|
+
margin-right: var(--zd_size15);
|
|
5
|
+
}[dir=rtl] .container {
|
|
6
|
+
margin-left: var(--zd_size15);
|
|
7
|
+
}
|
|
8
|
+
.icon {
|
|
9
|
+
display: inline-block;
|
|
10
|
+
color: var(--zdt_views_icon);
|
|
11
|
+
height: var(--zd_size28);
|
|
12
|
+
width: var(--zd_size28);
|
|
13
|
+
line-height: var(--zd_size26);
|
|
14
|
+
text-align: center;
|
|
15
|
+
cursor: pointer;
|
|
16
|
+
border: 1px solid var(--zdt_views_border);
|
|
17
|
+
}
|
|
18
|
+
[dir=ltr] .first {
|
|
19
|
+
border-radius: 2px 0 0 2px;
|
|
20
|
+
}
|
|
21
|
+
[dir=rtl] .first {
|
|
22
|
+
border-radius: 0 2px 2px 0;
|
|
23
|
+
}
|
|
24
|
+
[dir=ltr] .last {
|
|
25
|
+
border-radius: 0 2px 2px 0;
|
|
26
|
+
border-left-width: 0;
|
|
27
|
+
}
|
|
28
|
+
[dir=rtl] .last {
|
|
29
|
+
border-radius: 2px 0 0 2px;
|
|
30
|
+
border-right-width: 0;
|
|
31
|
+
}
|
|
32
|
+
.icon:hover {
|
|
33
|
+
color: var(--zdt_views_hover_icon);
|
|
34
|
+
}
|
|
35
|
+
.icon.active {
|
|
36
|
+
color: var(--zdt_views_active_icon);
|
|
37
|
+
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
.text {
|
|
2
|
-
font-size: var(--zd_font_size14);
|
|
3
|
-
color: var(--zdt_helptips_text);
|
|
4
|
-
line-height: var(--zd_size24);
|
|
5
|
-
margin: var(--zd_size10) 0;
|
|
6
|
-
}
|
|
1
|
+
.text {
|
|
2
|
+
font-size: var(--zd_font_size14);
|
|
3
|
+
color: var(--zdt_helptips_text);
|
|
4
|
+
line-height: var(--zd_size24);
|
|
5
|
+
margin: var(--zd_size10) 0;
|
|
6
|
+
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
.container > a,
|
|
2
|
-
.text {
|
|
3
|
-
color: var(--zdt_helptipslink_text);
|
|
4
|
-
font-size: var(--zd_font_size14);
|
|
5
|
-
}.container > a, .text {
|
|
6
|
-
margin: var(--zd_size10) 0;
|
|
7
|
-
}
|
|
1
|
+
.container > a,
|
|
2
|
+
.text {
|
|
3
|
+
color: var(--zdt_helptipslink_text);
|
|
4
|
+
font-size: var(--zd_font_size14);
|
|
5
|
+
}.container > a, .text {
|
|
6
|
+
margin: var(--zd_size10) 0;
|
|
7
|
+
}
|
|
File without changes
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
.container {
|
|
2
|
-
list-style: none;
|
|
3
|
-
margin: 0;
|
|
4
|
-
padding: 0;
|
|
5
|
-
}
|
|
6
|
-
.unOrderData,
|
|
7
|
-
.orderData {
|
|
8
|
-
font-size: var(--zd_font_size14);
|
|
9
|
-
color: var(--zdt_listgroup_text);
|
|
10
|
-
}
|
|
11
|
-
[dir=ltr] .unOrderData, [dir=ltr] .orderData {
|
|
12
|
-
margin: var(--zd_size15) 0 var(--zd_size15) var(--zd_size7);
|
|
13
|
-
}
|
|
14
|
-
[dir=rtl] .unOrderData, [dir=rtl] .orderData {
|
|
15
|
-
margin: var(--zd_size15) var(--zd_size7) var(--zd_size15) 0;
|
|
16
|
-
}
|
|
17
|
-
.orderData {
|
|
18
|
-
list-style: decimal;
|
|
19
|
-
}
|
|
20
|
-
.unOrderData {
|
|
21
|
-
list-style: disc;
|
|
22
|
-
}
|
|
1
|
+
.container {
|
|
2
|
+
list-style: none;
|
|
3
|
+
margin: 0;
|
|
4
|
+
padding: 0;
|
|
5
|
+
}
|
|
6
|
+
.unOrderData,
|
|
7
|
+
.orderData {
|
|
8
|
+
font-size: var(--zd_font_size14);
|
|
9
|
+
color: var(--zdt_listgroup_text);
|
|
10
|
+
}
|
|
11
|
+
[dir=ltr] .unOrderData, [dir=ltr] .orderData {
|
|
12
|
+
margin: var(--zd_size15) 0 var(--zd_size15) var(--zd_size7);
|
|
13
|
+
}
|
|
14
|
+
[dir=rtl] .unOrderData, [dir=rtl] .orderData {
|
|
15
|
+
margin: var(--zd_size15) var(--zd_size7) var(--zd_size15) 0;
|
|
16
|
+
}
|
|
17
|
+
.orderData {
|
|
18
|
+
list-style: decimal;
|
|
19
|
+
}
|
|
20
|
+
.unOrderData {
|
|
21
|
+
list-style: disc;
|
|
22
|
+
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
.title {
|
|
2
|
-
font-size: var(--zd_font_size17);
|
|
3
|
-
composes: semibold from '~@zohodesk/components/lib/common/common.module.css';
|
|
4
|
-
color: var(--zdt_helptipstitle_text);
|
|
5
|
-
}
|
|
1
|
+
.title {
|
|
2
|
+
font-size: var(--zd_font_size17);
|
|
3
|
+
composes: semibold from '~@zohodesk/components/lib/common/common.module.css';
|
|
4
|
+
color: var(--zdt_helptipstitle_text);
|
|
5
|
+
}
|
|
File without changes
|