Skip to content

Commit

Permalink
Make number of newlines between styles consistent
Browse files Browse the repository at this point in the history
  • Loading branch information
Eddasol committed Nov 29, 2024
1 parent 130b50f commit 5132ac6
Show file tree
Hide file tree
Showing 29 changed files with 0 additions and 83 deletions.
2 changes: 0 additions & 2 deletions frontend/src/components/Alerts/AlertsBanner.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -18,14 +18,12 @@ const StyledCard = styled.div`
padding: 6px 8px 2px 10px;
}
`

const Horizontal = styled.div`
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
`

const Center = styled.div`
align-items: center;
`
Expand Down
6 changes: 0 additions & 6 deletions frontend/src/components/Alerts/AlertsListItem.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -15,14 +15,12 @@ const StyledListContainer = styled.div`
align-items: center;
padding: 3px 10px 2px 10px;
`

const outline = styled.div`
outline: solid;
outline-width: 1px;
outline-color: lightgray;
padding: 6px 10px 6px 10px;
`

const StyledListHeading = styled(outline)`
display: flex;
justify-content: space-between;
Expand All @@ -36,27 +34,23 @@ const StyledListItem = styled(outline)`
row-gap: 10px;
border-radius: 0px 0px 3px 3px;
`

const VerticalContent = styled.div`
display: flex;
flex-direction: row;
align-items: center;
column-gap: 4px;
`

const StyledIcon = styled(Icon)`
width: 24px;
min-width: 24px;
height: 24px;
`

const Horizontal = styled.div`
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: top;
`

const Right = styled.div`
display: flex;
align-items: right;
Expand Down
2 changes: 0 additions & 2 deletions frontend/src/components/Alerts/BlockedRobotAlert.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -9,13 +9,11 @@ import { AlertListContents } from './AlertsListItem'
const StyledDiv = styled.div`
align-items: center;
`

const StyledAlertTitle = styled.div`
display: flex;
gap: 0.3em;
align-items: flex-end;
`

const Indent = styled.div`
padding: 0px 9px;
`
Expand Down
2 changes: 0 additions & 2 deletions frontend/src/components/Alerts/FailedAlertContent.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -9,13 +9,11 @@ import { AlertListContents } from './AlertsListItem'
const StyledDiv = styled.div`
align-items: center;
`

const StyledAlertTitle = styled.div`
display: flex;
gap: 0.3em;
align-items: flex-end;
`

const Indent = styled.div`
padding: 0px 9px;
`
Expand Down
1 change: 0 additions & 1 deletion frontend/src/components/Alerts/FailedMissionAlert.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,6 @@ import { tokens } from '@equinor/eds-tokens'
const Indent = styled.div`
padding: 0px 0px 0px 5px;
`

const StyledButton = styled(TextAlignedButton)`
:hover {
background-color: #ff9797;
Expand Down
2 changes: 0 additions & 2 deletions frontend/src/components/Alerts/FailedRequestAlert.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -9,13 +9,11 @@ import { AlertListContents } from './AlertsListItem'
const StyledDiv = styled.div`
flex-direction: column;
`

const StyledAlertTitle = styled.div`
display: flex;
gap: 0.3em;
align-items: flex-end;
`

const StyledButton = styled(TextAlignedButton)`
background-color: '${tokens.colors.ui.background__danger.hex}';
`
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -9,12 +9,10 @@ export const StyledDialog = styled(Dialog)`
max-width: 500px;
max-height: 90vh;
`

export const HorizontalContent = styled.div`
display: flex;
gap: 1rem;
`

export const VerticalContent = styled.div`
display: flex;
flex-direction: column;
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,6 @@ const ButtonStyle = styled.div`
grid-template-columns: 45px 45px;
margin-end: 20px;
`

const ButtonText = styled.div`
display: flex;
flex-direction: column;
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -15,13 +15,11 @@ const StyledStatusDisplay = styled.div`
flex-direction: column;
justify-content: space-between;
`

const StyledStatusIcon = styled.div`
display: flex;
gap: 6px;
align-items: center;
`

const StyledIcon = styled(Icon)`
width: 20px;
height: 20px;
Expand Down
2 changes: 0 additions & 2 deletions frontend/src/components/Displays/RobotDisplays/RobotImage.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -21,15 +21,13 @@ const StyledImage = styled.img<{ $height?: string }>`
justify-content: center;
padding: 12px 5px 12px 5px;
`

const StyledIcon = styled(Icon)`
display: flex;
justify-content: center;
width: 100%;
scale: 50%;
color: #6f6f6f;
`

const ContainIcon = styled.div`
display: block;
`
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,6 @@ const StyledStatus = styled.div`
align-items: center;
gap: 2px;
`

const LongTypography = styled(Typography)<{ $fontSize?: 24 | 16 | 18 | 32 | 40 | 48 }>`
font-size: ${(props) => props.$fontSize}px;
overflow: visible;
Expand Down
2 changes: 0 additions & 2 deletions frontend/src/components/Header/LanguageSelector.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,6 @@ const LanguageContainer = styled.div`
display: flex;
gap: 0rem;
`

const LanguageButton = styled(Button)<{ $language?: string; $text?: string }>`
background: none;
padding: 0;
Expand All @@ -31,7 +30,6 @@ const LanguageButton = styled(Button)<{ $language?: string; $text?: string }>`
}
`}
`

const VerticalBar = styled(Divider)`
width: 2px;
height: 10px;
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -16,20 +16,17 @@ const MissionControlStyle = styled.div`
flex-direction: column;
gap: 1rem;
`

const MissionControlBody = styled.div`
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 16px;
`

const MissionControlHeader = styled.div`
display: grid;
grid-direction: column;
gap: 0.5rem;
`

const MissionControlCardStyle = styled(Card)`
display: flex;
gap: 0px;
Expand All @@ -44,7 +41,6 @@ const MissionControlCardStyle = styled(Card)`
align-self: stretch;
}
`

const OngoingMissionControlCardStyle = styled.div`
display: flex;
gap: 0px;
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,6 @@ import { tokens } from '@equinor/eds-tokens'
const ContainButton = styled.div`
display: block;
`

const StyledButton = styled(Button)`
display: flex;
align-items: flex-start;
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -32,37 +32,32 @@ const StyledMissionCard = styled(Card)`
align-self: stretch;
border: 1px solid ${tokens.colors.ui.background__medium.hex};
`

const StyledBody = styled.div`
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
flex: 1 0 0;
`

const StyledDialogContent = styled.div`
display: flex;
flex-direction: column;
gap: 20px;
`

const StyledButtonSection = styled.div`
display: flex;
flex-direction: row;
justify-content: end;
padding: 8px;
gap: 8px;
`

const CircularCard = styled(Card)`
height: 24px;
width: 24px;
border-radius: 50%;
justify-content: center;
align-items: center;
`

const StyledButton = styled(Button)`
margin-left: -18px;
height: auto;
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,6 @@ const StyledLargeScreenMissionCard = styled.div`
display: none;
}
`

const StyledSmallScreenMissionCard = styled.div`
display: flex;
flex-direction: column;
Expand All @@ -42,35 +41,30 @@ const StyledSmallScreenMissionCard = styled.div`
display: none;
}
`

const ControllButtonSpacing = styled.div`
display: flex;
justify-content: space-between;
align-items: center;
align-self: stretch;
`

const StyledHeader = styled.div`
display: flex;
flex-direction: row;
align-self: stretch;
justify-content: space-between;
`

const LeftSection = styled.div`
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
flex: 1 0 0;
`

const Midcontent = styled.div`
display: flex;
align-items: flex-start;
gap: 24px;
`

const StyledGhostButton = styled(StyledButton)`
padding: 0;
`
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -35,20 +35,17 @@ const StyledRobotCard = styled.div`
border-bottom: 1px solid ${tokens.colors.ui.background__medium.hex};
}
`

const HorizontalContent = styled.div`
display: flex;
align-items: flex-start;
gap: 24px;
align-self: stretch;
`

const VerticalContent = styled.div`
display: flex;
flex-direction: column;
align-items: flex-start;
`

const StyledNoneImageBody = styled.div`
display: flex;
flex-direction: column;
Expand All @@ -59,7 +56,6 @@ const StyledNoneImageBody = styled.div`
gap: 16px;
}
`

const StyledMainBody = styled.div`
align-self: stretch;
Expand All @@ -70,14 +66,12 @@ const StyledMainBody = styled.div`
gap: 8px;
}
`

const StyledHeader = styled.div`
display: flex;
flex-direction: row;
align-self: stretch;
justify-content: space-between;
`

const LongTypography = styled(Typography)`
overflow: hidden;
text-overflow: ellipsis;
Expand All @@ -89,17 +83,14 @@ const LongTypography = styled(Typography)`
word-break: break-word;
}
`

const StyledGhostButton = styled(StyledButton)`
padding: 0;
`

const HiddenOnSmallScreen = styled.div`
@media (max-width: 960px) {
display: none;
}
`

const HiddenOnLargeScreen = styled.div`
@media (min-width: 960px) {
display: none;
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -22,23 +22,19 @@ const StyledDisplayButtons = styled.div`
justify-content: flex-end;
gap: 0.5rem;
`

const StyledDialog = styled(Dialog)`
display: grid;
width: calc(100vw * 0.8);
max-width: 450px;
`

const StyledText = styled.div`
display: grid;
gird-template-rows: auto, auto;
gap: 1rem;
`

const StyledButton = styled(Button)`
background-color: white;
`

const ContainButton = styled.div`
display: block;
`
Expand Down
Loading

0 comments on commit 5132ac6

Please sign in to comment.