FilesExpand file tree

 master

/

pr-commit-view.less

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

102 lines (87 loc) · 2.14 KB

 master

/

pr-commit-view.less

Copy path

Top

File metadata and controls

• Code
• Blame

102 lines (87 loc) · 2.14 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

@import 'variables';

@default-padding: @component-padding;

@avatar-dimensions: 16px;

.github-PrCommitView {

&-container {

display: flex;

align-items: center;

padding: @default-padding;

font-size: @font-size;

border: 1px solid @base-border-color;

border-bottom: none;

&:first-child {

border-top-left-radius: @component-border-radius;

border-top-right-radius: @component-border-radius;

}

&:last-child {

border-bottom: 1px solid @base-border-color;

border-bottom-left-radius: @component-border-radius;

border-bottom-right-radius: @component-border-radius;

}

}

&-commit {

flex: 1;

}

&-messageHeadline.is-button {

padding: 0;

margin-right: @default-padding/1.5;

background-color: transparent;

border: none;

cursor: pointer;

text-align: left;

color: @text-color-highlight;

&:hover,

&:focus {

color: mix(@text-color-highlight, @text-color-subtle);

}

}

&-title {

margin: 0 0 .25em 0;

font-size: 1.2em;

line-height: 1.4;

}

&-avatar {

border-radius: @component-border-radius;

height: @avatar-dimensions;

margin-right: .4em;

width: @avatar-dimensions;

}

&-metaText {

line-height: @avatar-dimensions;

vertical-align: middle;

color: @text-color-subtle;

}

&-moreButton {

margin: 0 auto 0 @default-padding;

padding: 0em .2em;

color: @text-color-subtle;

font-style: italic;

font-size: .8em;

border: 1px solid @base-border-color;

border-radius: @component-border-radius;

background-color: @button-background-color;

&:hover {

background-color: @button-background-color-hover

}

}

&-moreText {

margin-top: @default-padding/2;

padding: 0;

font-size: inherit;

font-family: var(--editor-font-family);

word-wrap: initial;

word-break: break-word;

white-space: initial;

background-color: transparent;

}

&-sha {

margin-left: @default-padding;

line-height: @avatar-dimensions;

vertical-align: middle;

color: @text-color-info;

font-family: var(--editor-font-family);

a {

color: inherit;

}

}

}