aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/newlightbox/components/EditableText
diff options
context:
space:
mode:
Diffstat (limited to 'src/client/views/newlightbox/components/EditableText')
-rw-r--r--src/client/views/newlightbox/components/EditableText/EditableText.scss46
-rw-r--r--src/client/views/newlightbox/components/EditableText/EditableText.tsx2
2 files changed, 24 insertions, 24 deletions
diff --git a/src/client/views/newlightbox/components/EditableText/EditableText.scss b/src/client/views/newlightbox/components/EditableText/EditableText.scss
index 7828538ab..8007e8d43 100644
--- a/src/client/views/newlightbox/components/EditableText/EditableText.scss
+++ b/src/client/views/newlightbox/components/EditableText/EditableText.scss
@@ -1,34 +1,34 @@
-@import '../../NewLightboxStyles.scss';
+@use '../../NewLightboxStyles.scss' as newstyles;
.lb-editableText,
.lb-displayText {
padding: 4px 7px !important;
- border: $standard-border !important;
- border-color: $gray-l2 !important;
+ border: newstyles.$standard-border !important;
+ border-color: newstyles.$gray-l2 !important;
}
.lb-editableText {
- -webkit-appearance: none;
- overflow: hidden;
- font-size: inherit;
- border: none;
- outline: none;
- width: 100%;
- margin: 0px;
- padding: 0px;
- box-shadow: none !important;
- background: none;
-
- &:focus {
+ -webkit-appearance: none;
+ overflow: hidden;
+ font-size: inherit;
+ border: none;
outline: none;
- background-color: $blue-l1;
- }
+ width: 100%;
+ margin: 0px;
+ padding: 0px;
+ box-shadow: none !important;
+ background: none;
+
+ &:focus {
+ outline: none;
+ background-color: newstyles.$blue-l1;
+ }
}
.lb-displayText {
- cursor: text !important;
- width: 100%;
- display: flex;
- align-items: center;
- font-size: inherit;
-} \ No newline at end of file
+ cursor: text !important;
+ width: 100%;
+ display: flex;
+ align-items: center;
+ font-size: inherit;
+}
diff --git a/src/client/views/newlightbox/components/EditableText/EditableText.tsx b/src/client/views/newlightbox/components/EditableText/EditableText.tsx
index 6273e1859..cff84e990 100644
--- a/src/client/views/newlightbox/components/EditableText/EditableText.tsx
+++ b/src/client/views/newlightbox/components/EditableText/EditableText.tsx
@@ -1,6 +1,6 @@
import * as React from 'react';
import './EditableText.scss';
-import { Size } from 'browndash-components';
+import { Size } from '@dash/components';
export interface IEditableTextProps {
text: string;