Просмотр исходного кода

UI fixes - make logs copy/pastable (#3397)

sdess09 2 лет назад
Родитель
Сommit
7cfcb7b8b2

+ 2 - 2
dashboard/src/main/home/add-on-dashboard/AddOnDashboard.tsx

@@ -173,8 +173,8 @@ const AddOnDashboard: React.FC<Props> = ({
                   </Text>
                   <Spacer y={.5} />
                   <Link to="/addons/new">
-                    <Button onClick={() => { }} height="40px" >
-                      Deploy add-ons <Spacer inline x={1} /> <i className="material-icons">east</i>
+                    <Button onClick={() => { }} height="35px" >
+                      Deploy add-ons <Spacer inline x={1} /> <i className="material-icons" style={{ fontSize: '18px' }}>east</i>
                     </Button>
                   </Link>
                 </CentralContainer>

+ 2 - 2
dashboard/src/main/home/app-dashboard/AppDashboard.tsx

@@ -221,8 +221,8 @@ const AppDashboard: React.FC<Props> = ({ }) => {
                   </Text>
                   <Spacer y={.5} />
                   <PorterLink to="/apps/new/app">
-                    <Button onClick={async () => updateStackStartedStep()} height="40px">
-                      Deploy app <Spacer inline x={1} /> <i className="material-icons">east</i>
+                    <Button onClick={async () => updateStackStartedStep()} height="35px">
+                      Deploy app <Spacer inline x={1} /> <i className="material-icons" style={{ fontSize: '18px' }}>east</i>
                     </Button>
                   </PorterLink>
                 </CentralContainer>

+ 2 - 0
dashboard/src/main/home/app-dashboard/expanded-app/logs/StyledLogs.tsx

@@ -148,6 +148,7 @@ const LogInnerPill = styled.div<{ color: string }>`
 `
 
 const LogOuter = styled.div`
+  user-select: text;
   display: inline-block;
   word-wrap: anywhere;
   flex-grow: 1;
@@ -156,6 +157,7 @@ const LogOuter = styled.div`
 `;
 
 const LogInnerSpan = styled.span`
+  user-select: text;
   font-family: monospace, sans-serif;
   font-size: 12px;
   font-weight: ${(props: { ansi: Anser.AnserJsonEntry }) =>