Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
freebsd
GitHub Repository: freebsd/phabricator
 Path: blob/master/webroot/rsrc/css/phui/phui-curtain-object-ref-view.css
12241 views
1
/**

2
 * @provides phui-curtain-object-ref-view-css

3
 */

4


5
.phui-curtain-object-ref-list-view-empty {

6
  font-style: italic;

7
  color: {$greytext};

8
}

9


10
.phui-curtain-object-ref-view {

11
  padding: 4px 6px;

12
  border-radius: 3px;

13
}

14


15
.phui-curtain-object-ref-view + .phui-curtain-object-ref-view {

16
  margin-top: 1px;

17
}

18


19
.phui-curtain-object-ref-view-image-cell {

20
  min-width: 32px;

21
  padding-bottom: 24px;

22
}

23


24
.phui-curtain-object-ref-view-image-cell > a {

25
  height: 24px;

26
  width: 24px;

27
  background-size: 100%;

28
  border-radius: 3px;

29
  display: block;

30
  position: absolute;

31
}

32


33
.phui-curtain-object-ref-view-image-cell .phui-icon-view {

34
  font-size: 16px;

35
  line-height: 16px;

36
  vertical-align: middle;

37
  text-align: center;

38
  width: 24px;

39
  height: 24px;

40
  top: 3px;

41
  display: block;

42
  position: absolute;

43
  color: #ffffff;

44
}

45


46
.phui-curtain-object-ref-view-icon-image {

47
  background-color: {$backdrop};

48
}

49


50
.phui-curtain-object-ref-view-title-cell {

51
  font-weight: bold;

52
  text-overflow: ellipsis;

53
  overflow: hidden;

54


55
  /* This is forcing "text-overflow: ellipsis" to actually work. */

56
  max-width: 210px;

57
}

58


59
.phui-curtain-object-ref-view-without-content >

60
  .phui-curtain-object-ref-view-title-cell {

61
  vertical-align: middle;

62
}

63


64
.phui-curtain-object-ref-view-with-content >

65
  .phui-curtain-object-ref-view-image-cell > a {

66
  margin-top: 4px;

67
}

68


69
.phui-curtain-object-ref-view-title-cell > a {

70
  color: {$darkgreytext};

71
}

72


73
.phui-curtain-object-ref-view-epoch-cell {

74
  color: {$greytext};

75
}

76


77
.phui-curtain-object-ref-list-view-tail {

78
  text-align: center;

79
  margin-top: 8px;

80
  padding: 4px;

81
  background: {$lightgreybackground};

82
  border-top: 1px dashed {$thinblueborder};

83
  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.04);

84
}

85


86
.phui-curtain-object-ref-view-highlighted {

87
  background: {$bluebackground};

88
}

89


90
.phui-curtain-object-ref-view-exiled  {

91
  background: {$lightred};

92
  opacity: 0.75;

93
}

94


95
.phui-curtain-object-ref-view-exiled-cell,

96
.phui-curtain-object-ref-view-exiled-cell a {

97
  color: {$red};

98
}

99


100