Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
freebsd
GitHub Repository: freebsd/phabricator
 Path: blob/master/webroot/rsrc/css/application/conpherence/participant-pane.css
13462 views
1
/**

2
 * @provides conpherence-participant-pane-css

3
 */

4


5
.conpherence-participant-pane {

6
  position: fixed;

7
  right: 0px;

8
  top: 106px;

9
  bottom: 0;

10
  width: 240px;

11
  border-width: 0 0 0 1px;

12
  border-color: {$thinblueborder};

13
  border-style: solid;

14
  overflow-y: auto;

15
  -webkit-overflow-scrolling: touch;

16
}

17


18
.device-phone .conpherence-participant-pane {

19
  background-color: {$page.background};

20
}

21


22
.conpherence-participant-pane .aphront-form-input {

23
  margin: 0;

24
  width: 100%;

25
}

26


27
.conpherence-participant-pane .aphront-form-inset {

28
  border: 0;

29
}

30


31
.conpherence-participant-pane .widgets-header.phui-header-shell {

32
  padding: 8px 12px 6px;

33
  border: none;

34
}

35


36
.conpherence-participant-pane .widgets-header .phui-header-header {

37
  font-size: {$biggerfontsize};

38
}

39


40
.conpherence-participant-pane .widgets-header .phui-icon-view.disabled {

41
  color: {$lightgreytext};

42
}

43


44
.conpherence-participant-pane .widgets-body {

45
  position: fixed;

46
  overflow-y: auto;

47
  bottom: 0;

48
  top: 105px;

49
  width: 240px;

50
}

51


52
.conpherence-participant-pane .person-entry {

53
  padding: 4px 8px 4px 12px;

54
}

55


56
.conpherence-participant-pane .person-entry:hover {

57
  background-color: {$lightgreybackground};

58
}

59


60
.conpherence-participant-pane .person-entry a {

61
  float: left;

62
  line-height: 22px;

63
  color: {$bluetext};

64
  font-weight: bold;

65
}

66


67
.conpherence-participant-pane .person-entry:hover a {

68
  color: {$blacktext};

69
}

70


71
.conpherence-participant-pane .person-entry a img {

72
  height: 24px;

73
  width: 24px;

74
  border-radius: 3px;

75
}

76


77
.conpherence-participant-pane .person-entry .pic {

78
  float: left;

79
  width: 30px;

80
}

81


82
.conpherence-participant-pane .person-entry .remove {

83
  float: right;

84
  width: 20px;

85
  height: 20px;

86
  font-size: 18px;

87
}

88


89
.person-entry .remove:hover .phui-icon-view {

90
  color: {$red};

91
}

92


93
.conpherence-participant-pane .person-entry .remove:hover {

94
  text-decoration: none;

95
}

96


97
.conpherence-participant-pane .person-entry .remove .close-icon {

98
  color: #bfbfbf;

99
}

100


101
.conpherence-participant-pane .person-entry .remove:hover .close-icon {

102
  color: {$blacktext};

103
}

104


105
/****** Hide Widgets **********************************************************/

106


107
.hide-widgets .conpherence-participant-pane {

108
  display: none;

109
}

110


111
.hide-widgets .conpherence-message-pane,

112
.hide-widgets .loading .messages-loading-mask,

113
.hide-widgets .loading .messages-loading-icon,

114
.hide-widgets .conpherence-no-threads,

115
.hide-widgets .conpherence-message-pane .conpherence-messages,

116
.hide-widgets .conpherence-message-pane .phui-form-view {

117
  right: 0;

118
}

119


120