@antscorp/antsomi-ui 1.3.5-beta.207 → 1.3.5-beta.208
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.
|
@@ -237,7 +237,11 @@ export const Notification = React.memo(props => {
|
|
|
237
237
|
},
|
|
238
238
|
],
|
|
239
239
|
}, destroyPopupOnHide: true },
|
|
240
|
-
React.createElement(ActionButton
|
|
240
|
+
React.createElement(ActionButton
|
|
241
|
+
// style={{ border: 'none' }}
|
|
242
|
+
, {
|
|
243
|
+
// style={{ border: 'none' }}
|
|
244
|
+
className: "notify-action", icon: React.createElement(Icon, { type: "icon-ants-three-dot-vertical", style: { fontSize: '16px' } }), size: "small" }))),
|
|
241
245
|
React.createElement("p", { className: "item-link text-link text-ellipsis", onClick: () => onClickLinkNoti(noti.link, noti.notification_id) }, noti.link_name),
|
|
242
246
|
React.createElement("p", { className: "item-desc text-ellipsis" }, noti.body),
|
|
243
247
|
React.createElement("p", { className: "text-grey" }, formatDate(noti.ctime)))) : null)) : !isShowLoadingNoti ? (React.createElement("div", { className: "text-block-center text-grey" }, "You currently have no notifications")) : null),
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
1
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
2
2
|
import styled from 'styled-components';
|
|
3
3
|
import { Button } from '../../atoms';
|
|
4
4
|
import { THEME } from '@antscorp/antsomi-ui/es/constants';
|
|
@@ -125,11 +125,22 @@ export const ActionButton = styled(Button) `
|
|
|
125
125
|
box-shadow: none !important;
|
|
126
126
|
border-radius: 10px !important;
|
|
127
127
|
|
|
128
|
+
&.notify-action {
|
|
129
|
+
border: none !important;
|
|
130
|
+
color: ${(_c = THEME.token) === null || _c === void 0 ? void 0 : _c.blue7} !important;
|
|
131
|
+
border-radius: 5px !important;
|
|
132
|
+
}
|
|
133
|
+
|
|
128
134
|
&.antsomi-dropdown-open,
|
|
129
135
|
&.antsomi-popover-open {
|
|
130
|
-
color: ${(
|
|
131
|
-
background-color: ${(
|
|
132
|
-
border: 1px solid ${(
|
|
136
|
+
color: ${(_d = THEME.token) === null || _d === void 0 ? void 0 : _d.blue7} !important;
|
|
137
|
+
background-color: ${(_e = THEME.token) === null || _e === void 0 ? void 0 : _e.blue1_1} !important;
|
|
138
|
+
border: 1px solid ${(_f = THEME.token) === null || _f === void 0 ? void 0 : _f.blue7} !important;
|
|
139
|
+
&.notify-action {
|
|
140
|
+
border: none !important;
|
|
141
|
+
color: ${(_g = THEME.token) === null || _g === void 0 ? void 0 : _g.blue7} !important;
|
|
142
|
+
border-radius: 5px !important;
|
|
143
|
+
}
|
|
133
144
|
}
|
|
134
145
|
`;
|
|
135
146
|
export const BadgeStyled = styled(Badge) `
|
|
@@ -142,9 +153,9 @@ export const BadgeStyled = styled(Badge) `
|
|
|
142
153
|
&.antsomi-dropdown-open,
|
|
143
154
|
&.antsomi-popover-open {
|
|
144
155
|
button {
|
|
145
|
-
color: ${(
|
|
146
|
-
background-color: ${(
|
|
147
|
-
border: 1px solid ${(
|
|
156
|
+
color: ${(_h = THEME.token) === null || _h === void 0 ? void 0 : _h.blue7} !important;
|
|
157
|
+
background-color: ${(_j = THEME.token) === null || _j === void 0 ? void 0 : _j.blue1_1} !important;
|
|
158
|
+
border: 1px solid ${(_k = THEME.token) === null || _k === void 0 ? void 0 : _k.blue7} !important;
|
|
148
159
|
}
|
|
149
160
|
}
|
|
150
161
|
`;
|