-
-
- {__('Mature content blocked.')}
-
-
-
- ),
- }}
- >
- Change this in your %content_settings%.
-
+ <>
+ {!hasAcknowledgedSec && (
+
+
+ )}
+
+ {title}
+ {nsfw && (
+
+ {__('Mature')}
+
+ )}
+
+ }
+ titleActions={}
+ body={
+
+
+
+
+ }
+ actions={
+ isNsfwBlocked ? (
+
+
+
+ {__('Mature content blocked.')}
+
+
+
+ ),
+ }}
+ >
+ Change this in your %content_settings%.
+
+
-
- ) : (
-
-
-
-
- )
- }
- />
+ ) : (
+
+
+
+
+ )
+ }
+ />
+ >
);
}
diff --git a/ui/component/uriIndicator/view.jsx b/ui/component/uriIndicator/view.jsx
index 411996bc9..c89224a2e 100644
--- a/ui/component/uriIndicator/view.jsx
+++ b/ui/component/uriIndicator/view.jsx
@@ -18,6 +18,7 @@ type Props = {
children: ?Node,
inline: boolean,
external?: boolean,
+ className?: string,
};
class UriIndicator extends React.PureComponent
{
@@ -38,7 +39,16 @@ class UriIndicator extends React.PureComponent {
};
render() {
- const { link, isResolvingUri, claim, children, inline, hideAnonymous = false, external = false } = this.props;
+ const {
+ link,
+ isResolvingUri,
+ claim,
+ children,
+ inline,
+ hideAnonymous = false,
+ external = false,
+ className,
+ } = this.props;
if (!claim) {
return {isResolvingUri ? 'Validating...' : 'Unused'};
@@ -52,7 +62,7 @@ class UriIndicator extends React.PureComponent {
}
return (
-
+
Anonymous
);
@@ -76,13 +86,17 @@ class UriIndicator extends React.PureComponent {
if (children) {
return (
-
+
{children}
);
} else {
return (
-
+
{inner}
);
diff --git a/ui/scss/component/_main.scss b/ui/scss/component/_main.scss
index 4d825ffb0..690fab7a1 100644
--- a/ui/scss/component/_main.scss
+++ b/ui/scss/component/_main.scss
@@ -111,17 +111,15 @@
width: 35rem;
margin-left: var(--spacing-m);
- @media (max-width: $breakpoint-small) {
- margin-left: 0;
- }
-
@media (max-width: $breakpoint-medium) {
width: 100%;
+ margin-left: 0;
margin-top: var(--spacing-l);
}
}
@media (max-width: $breakpoint-medium) {
+ flex-direction: column;
> :first-child {
margin-right: 0;
}
diff --git a/ui/scss/init/_gui.scss b/ui/scss/init/_gui.scss
index be1225020..7148f5268 100644
--- a/ui/scss/init/_gui.scss
+++ b/ui/scss/init/_gui.scss
@@ -366,9 +366,14 @@ textarea {
}
.notice-message {
+ position: relative;
border-radius: var(--border-radius);
padding: var(--spacing-l);
background-color: var(--color-primary-alt);
+
+ ~ .card {
+ margin-top: var(--spacing-m);
+ }
}
.notice-message--loud {