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

2
 * @provides phui-hovercard-view-css

3
 */

4


5
.jx-hovercard-container {

6
  position: absolute;

7
}

8


9
.phui-hovercard-wrapper {

10
  width: 400px;

11
}

12


13
.device-phone .phui-hovercard-wrapper {

14
  width: 300px;

15
}

16


17
.phui-hovercard-container {

18
  width: 100%;

19
  box-shadow: {$dropshadow};

20
  border: 1px solid {$lightblueborder};

21
  border-radius: 3px;

22
  background-color: {$page.content};

23
}

24


25
.phui-hovercard-head .phui-header-shell {

26
  padding: 6px 8px 6px 12px;

27
  background-color: {$bluebackground};

28
  border-top-left-radius: 3px;

29
  border-top-right-radius: 3px;

30
}

31


32
.phui-hovercard-head .phui-header-header {

33
  font-size: {$biggerfontsize};

34
}

35


36
.phui-hovercard-head .phui-tag-type-state {

37
  color: {$darkbluetext};

38
  text-shadow: none;

39
  font-weight: normal;

40
}

41


42
.phui-hovercard-tags {

43
  float: right;

44
  white-space: normal;

45
}

46


47
.phui-hovercard-body {

48
  padding: 12px;

49
  color: {$darkgreytext};

50
  border-bottom-right-radius: 3px;

51
  border-bottom-left-radius: 3px;

52
  position: relative;

53
}

54


55
.phui-hovercard-body-item {

56
  margin: 4px 0 0 0;

57
  overflow: hidden;

58
  text-overflow: ellipsis;

59
}

60


61
.phui-hovercard-body-header {

62
  font-size: 14px;

63
  padding-bottom: 4px;

64
  color: {$darkgreytext};

65
  line-height: 18px;

66
}

67


68
.phui-hovercard-body .phui-hovercard-body-image {

69
  width: 58px;

70
}

71


72
.phui-hovercard-body .phui-hovercard-body-details {

73
  margin-left: 58px;

74
}

75


76
.phui-hovercard-body .profile-header-picture-frame {

77
  float: left;

78
  width: 50px;

79
  height: 50px;

80
  background-position: center;

81
  background-repeat: no-repeat;

82
  background-size: 100%;

83
}

84


85
.hovercard-badges {

86
  margin: 6px 0 0 0;

87
  padding: 4px;

88
  background: {$page.background};

89
  border-bottom-left-radius: 3px;

90
  border-bottom-right-radius: 3px;

91
}

92


93
.hovercard-badges .phui-badge-flex-item {

94
  float: left;

95
}

96


97
.phui-hovercard-tail {

98
  width: 396px;

99
  float: left;

100
  padding: 2px;

101
  border-top: 1px solid {$thinblueborder};

102
  border-bottom-left-radius: 3px;

103
  border-bottom-right-radius: 3px;

104
}

105


106
.phui-hovercard-tail button,

107
.phui-hovercard-tail a.button {

108
  margin: 3px;

109
}

110


111
.phui-hovercard-wrapper .hovercard-task-view {

112
  box-shadow: 0px 4px 16px rgba(0,0,0,.2);

113
}

114


115
.hovercard-task-view .phui-oi-disabled.phui-workcard {

116
  background-color: #fff;

117
}

118


119