Commit 8b17791a authored by Lyza Danger Gardner's avatar Lyza Danger Gardner Committed by Lyza Gardner

Remove some unused annotation-component CSS and simplify

parent 80290c21
...@@ -106,7 +106,7 @@ function Annotation({ ...@@ -106,7 +106,7 @@ function Annotation({
)} )}
{isSaving && <div className="Annotation__actions">Saving...</div>} {isSaving && <div className="Annotation__actions">Saving...</div>}
{showActions && ( {showActions && (
<div className="Annotation__actions"> <div className="u-layout-row--justify-right u-stretch">
<AnnotationActionBar <AnnotationActionBar
annotation={annotation} annotation={annotation}
onReply={onReply} onReply={onReply}
......
...@@ -139,7 +139,7 @@ function AnnotationHeader({ ...@@ -139,7 +139,7 @@ function AnnotationHeader({
)} )}
{showTimestamps && ( {showTimestamps && (
<div className="AnnotationHeader__timestamps"> <div className="u-layout-row--justify-right u-stretch">
<AnnotationTimestamps <AnnotationTimestamps
annotationCreated={annotation.created} annotationCreated={annotation.created}
annotationUpdated={annotation.updated} annotationUpdated={annotation.updated}
......
...@@ -17,12 +17,4 @@ ...@@ -17,12 +17,4 @@
.Annotation { .Annotation {
@include layout.vertical-rhythm; @include layout.vertical-rhythm;
&__reply-toggle {
@include buttons.button--link;
}
&__actions {
margin-left: auto;
}
} }
...@@ -12,11 +12,4 @@ ...@@ -12,11 +12,4 @@
.AnnotationBody__collapse-toggle { .AnnotationBody__collapse-toggle {
@include layout.row(right); @include layout.row(right);
@include layout.vertical-space(var.$layout-space--xsmall); @include layout.vertical-space(var.$layout-space--xsmall);
.AnnotationBody__collapse-toggle-button {
@include buttons.button--labeled;
// The button should not have a background color except when hovered/active:
// It should look like text only
background-color: transparent;
}
} }
...@@ -16,12 +16,6 @@ ...@@ -16,12 +16,6 @@
color: var.$color-text; color: var.$color-text;
} }
// Timestamps are right aligned in a flex row
&__timestamps {
flex-grow: 1;
text-align: right;
}
&__highlight-icon { &__highlight-icon {
@include utils.icon--small; @include utils.icon--small;
color: var.$color-text--light; color: var.$color-text--light;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment