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

2
 * @provides phui-crumbs-view-css

3
 */

4


5
.phui-crumbs-view {

6
  overflow: hidden;

7
  vertical-align: top;

8
  padding: 0 12px 0 20px;

9
  /* TODO: Position this over the slider for Differential's file tree view.

10
     Remove this once that gets sorted out. */

11
  position: relative;

12
  -webkit-font-smoothing: antialiased;

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

14
}

15


16
.printable .phui-crumbs-view {

17
  display: none;

18
}

19


20
.phui-crumbs-view,

21
.phui-crumbs-view a.phui-crumb-view,

22
.phui-crumbs-view a.phui-crumbs-action {

23
  color: {$darkbluetext};

24
  font-weight: bold;

25
  text-decoration: none;

26
}

27


28
.device-tablet .phui-crumbs-view,

29
.device-phone .phui-crumbs-view,

30
.project-board-nav .phui-crumbs-view {

31
  padding-left: 8px;

32
  padding-right: 8px;

33
}

34


35
.phui-crumbs-view a.phui-crumbs-action-disabled,

36
.phui-crumbs-view a.phui-crumbs-action-disabled .phui-icon-view {

37
  color: {$lightgreytext};

38
}

39


40
.phui-crumbs-view + .phui-header-shell {

41
  border-top: none;

42
}

43


44
.device-desktop .phui-crumbs-view a:hover {

45
  text-decoration: underline;

46
}

47


48
.phui-crumb-view {

49
  float: left;

50
  padding: 8px 0;

51
  max-width: 240px;

52
  white-space: nowrap;

53
  overflow: hidden;

54
  text-overflow: ellipsis;

55
}

56


57
.device-phone .phui-crumb-view.phabricator-last-crumb .phui-crumb-name,

58
.device-phone .phui-crumb-view.phui-crumb-always-visible .phui-crumb-name,

59
.device-phone .phui-crumb-view.phui-crumb-always-visible + .phui-crumb-divider,

60
.device-phone .phui-crumb-view.phui-crumb-has-icon,

61
.device-phone .phui-crumb-has-icon + .phui-crumb-divider {

62
  display: inline-block;

63
}

64


65
.device-phone .phui-crumb-name,

66
.device-phone .phui-crumb-divider {

67
  display: none;

68
}

69


70
.phui-crumb-has-icon .phui-icon-view {

71
  margin: 0 4px;

72
}

73


74
.device-phone .phui-crumb-icon {

75
  margin-left: 7px;

76
}

77


78
.phui-crumbs-actions {

79
  float: right;

80
  white-space: nowrap;

81
}

82


83
.phui-crumbs-action {

84
  display: inline-block;

85
  height: 17px;

86
  padding: 8px 12px;

87
  position: relative;

88
}

89


90
.device-phone a.phui-crumbs-action {

91
  padding: 8px 6px;

92
}

93


94
.device-desktop .phui-crumbs-view a:hover,

95
.device-desktop .phui-crumbs-view a:hover .phui-icon-view {

96
  color: {$blue};

97
  text-decoration: none;

98
}

99


100
.device-phone .phui-crumbs-action-name {

101
  display: none;

102
}

103


104
a.phui-crumbs-action .phui-icon-view {

105
  color: {$darkbluetext};

106
}

107


108
a.phui-crumbs-action .phui-crumbs-action-name {

109
  margin-left: 6px;

110
}

111


112
.device-phone a.phui-crumbs-action .phui-icon-view {

113
  margin-left: 4px;

114
}

115


116
.phui-crumb-divider {

117
  margin: 2px 8px;

118
}

119


120
.phui-crumbs-view.phui-crumbs-border {

121
  border-bottom: 1px solid rgba({$alphagrey},.1);

122
}

123


124
body .phui-crumbs-view + .phui-object-box {

125
  margin-top: 0;

126
}

127


128
body .phui-crumbs-view + .phui-oi-list-view {

129
  padding-top: 0;

130
}

131


132
.phui-crumb-action-divider {

133
  border-left: 1px solid {$lightgreyborder};

134
}

135


136
.phui-crumbs-action-icon + .phui-crumbs-action-icon {

137
  padding-left: 4px;

138
}

139


140