CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutSign UpSign In
sagemathinc

Real-time collaboration for Jupyter Notebooks, Linux Terminals, LaTeX, VS Code, R IDE, and more,
all in one place.

GitHub Repository: sagemathinc/cocalc
 Path: blob/master/src/packages/frontend/_projects.sass
Views: 687
1
/*

2
 *  This file is part of CoCalc: Copyright © 2020 Sagemath, Inc.

3
 *  License: MS-RSL – see LICENSE.md for details

4
 */

5


6
// #smc-file-tabs-* used in project_page.cjsx

7


8
// ProjectPage

9
=file-tabs-base

10
  height: 32px

11
  font-size: 10.5pt

12
  border-radius: 5px 5px 0px 0px

13


14
.smc-file-tabs-fixed-desktop > li > a

15
  padding: 10px 5px

16
  +file-tabs-base

17


18
// make nav tabs a little tighter horizontally.

19
.smc-file-tabs-sortable-desktop > li > a

20
  padding: 10px 5px

21


22
// ProjectPage

23


24
.list-group-header

25
  list-style: none

26
  color: $COL_GRAY

27
  padding-left: 5px

28
  margin-top: 5px

29
  border-top: 1px solid $COL_GRAY_LL

30
  padding-top: 10px

31
  &:first-child

32
    margin-top: 5px

33
    padding-top: 0px

34
    border-top: none

35


36
.smc-file-tab-floating

37
  background-color: $COL_BS_BLUE_BGRND

38
  border-radius: 5px 5px 0px 0px

39
  box-sizing: border-box

40
  color: rgb(51, 51, 51)

41
  display: block

42
  flex-shrink: 1

43
  line-height: normal

44
  list-style-image: none

45
  list-style-position: outside

46
  list-style-type: none

47
  overflow-x: hidden

48
  overflow-y: hidden

49
  position: relative

50
  text-align: left

51
  width: 250px

52
  +file-tabs-base

53


54
  > a

55
    color: rgb(51, 51, 51)

56
    border-radius: 5px 5px 0px 0px

57
    box-sizing: border-box

58
    display: block

59
    line-height: normal

60
    list-style-image: none

61
    list-style-position: outside

62
    list-style-type: none

63
    padding: 11px 5px

64
    position: relative

65
    +file-tabs-base

66


67
.highlight

68
  background-color: yellow

69


70
.cc-project-files-create-dropdown

71
  > .dropdown.btn-group

72
    display: flex

73


74
.cc-project-files-path-nav

75
  min-width: 35vw

76
  > div,

77
  > nav

78
    background-color: $COL_GRAY_LLL

79
    border-radius: 3px

80


81
// The !important below are because we are directly overriding

82
// what is defined for breadcrumbs in antd, in particular, in the

83
// antd-breadcrumb class. We do this, so things look right in

84
// the particular place we are using this.

85
.cc-path-navigator

86
  flex: 5 1 auto

87
  margin-bottom: 15px !important

88
  max-width: 50vw

89
  padding: 5px 10px !important

90


91
.cc-path-navigator,

92
.cc-project-flyout-path-navigator

93
  color: $COL_BS_BLUE_TEXT

94
  span

95
    cursor: pointer

96


97
.cc-project-flyout-path-navigator

98
  overflow: hidden

99
  text-overflow: ellipsis

100
  float: left

101
  white-space: nowrap

102
  > ol

103
    display: inline-block

104
    white-space: nowrap

105
    > li

106
      display: inline-block

107
      white-space: nowrap

108
  li.ant-breadcrumb-separator

109
    margin-right: 2px

110
    margin-left: 2px

111


112
.cc-path-navigator-history

113
  color: $COL_GRAY

114
.cc-path-navigator-active

115
  font-weight: bold

116
  color: black

117


118
.cc-custom-image-desc

119
  h1

120
    font-size: 125%

121
  h2

122
    font-size: 120%

123
  h3

124
    font-size: 115%

125
  h4

126
    font-size: 110%

127
  h6

128
    font-size: 105%

129


130
li.cc-project-home-recent-files

131
  cursor: pointer

132
  &:hover

133
    background-color: $COL_GRAY_LLL

134


135
div.cc-project-flyout-dragbar:hover

136
  background-color: $COL_GRAY_L

137


138
.cc-project-log-history-entry:hover

139
  cusor: pointer

140
  background-color: $COL_GRAY_LLL

141


142
.cc-project-flyout-files-panel,

143
.cc-project-flyout-settings-panel

144
  .ant-collapse-content-box

145
    padding: 0 !important

146


147
.cc-license-table-public-info

148
  td, th

149
    padding: 5px !important

150
  .ant-table-expanded-row

151
    td

152
      padding: 0 !important

153


154