1
/*
2
 *  This file is part of CoCalc: Copyright © 2020 Sagemath, Inc.
3
 *  License: MS-RSL – see LICENSE.md for details
4
 */
5

6
@use 'colors'
7

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

10
// ProjectPage
11
=file-tabs-base
12
  height: 32px
13
  font-size: 10.5pt
14
  border-radius: 5px 5px 0px 0px
15

16
.smc-file-tabs-fixed-desktop > li > a
17
  padding: 10px 5px
18
  +file-tabs-base
19

20
// make nav tabs a little tighter horizontally.
21
.smc-file-tabs-sortable-desktop > li > a
22
  padding: 10px 5px
23

24
// ProjectPage
25

26
.list-group-header
27
  list-style: none
28
  color: colors.$COL_GRAY
29
  padding-left: 5px
30
  margin-top: 5px
31
  border-top: 1px solid colors.$COL_GRAY_LL
32
  padding-top: 10px
33
  &:first-child
34
    margin-top: 5px
35
    padding-top: 0px
36
    border-top: none
37

38
.smc-file-tab-floating
39
  background-color: colors.$COL_BS_BLUE_BGRND
40
  border-radius: 5px 5px 0px 0px
41
  box-sizing: border-box
42
  color: rgb(51, 51, 51)
43
  display: block
44
  flex-shrink: 1
45
  line-height: normal
46
  list-style-image: none
47
  list-style-position: outside
48
  list-style-type: none
49
  overflow-x: hidden
50
  overflow-y: hidden
51
  position: relative
52
  text-align: left
53
  width: 250px
54
  +file-tabs-base
55

56
  > a
57
    color: rgb(51, 51, 51)
58
    border-radius: 5px 5px 0px 0px
59
    box-sizing: border-box
60
    display: block
61
    line-height: normal
62
    list-style-image: none
63
    list-style-position: outside
64
    list-style-type: none
65
    padding: 11px 5px
66
    position: relative
67
    +file-tabs-base
68

69
.highlight
70
  background-color: yellow
71

72
.cc-project-files-create-dropdown
73
  > .dropdown.btn-group
74
    display: flex
75
    flex: 1 0 auto
76

77
.cc-project-files-path-nav
78
  flex: 1 0 auto
79
  > div,
80
  > nav
81
    background-color: colors.$COL_GRAY_LLL
82
    border-radius: 3px
83

84
// The !important below are because we are directly overriding
85
// what is defined for breadcrumbs in antd, in particular, in the
86
// antd-breadcrumb class. We do this, so things look right in
87
// the particular place we are using this.
88
.cc-path-navigator
89
  flex: 5 1 auto
90
  margin-bottom: 15px !important
91
  max-width: 50vw
92
  padding: 5px 10px !important
93

94
.cc-path-navigator,
95
.cc-project-flyout-path-navigator
96
  color: colors.$COL_BS_BLUE_TEXT
97
  span
98
    cursor: pointer
99

100
.cc-project-flyout-path-navigator
101
  overflow: hidden
102
  text-overflow: ellipsis
103
  float: left
104
  white-space: nowrap
105
  > ol
106
    display: inline-block
107
    white-space: nowrap
108
    > li
109
      display: inline-block
110
      white-space: nowrap
111
  li.ant-breadcrumb-separator
112
    margin-right: 2px
113
    margin-left: 2px
114

115
.cc-path-navigator-history
116
  color: colors.$COL_GRAY
117
.cc-path-navigator-active
118
  font-weight: bold
119
  color: black
120

121
.cc-custom-image-desc
122
  h1
123
    font-size: 125%
124
  h2
125
    font-size: 120%
126
  h3
127
    font-size: 115%
128
  h4
129
    font-size: 110%
130
  h6
131
    font-size: 105%
132

133
li.cc-project-home-recent-files
134
  cursor: pointer
135
  &:hover
136
    background-color: colors.$COL_GRAY_LLL
137

138
div.cc-project-flyout-dragbar:hover
139
  background-color: colors.$COL_GRAY_L
140

141
.cc-project-log-history-entry:hover
142
  cursor: pointer
143
  background-color: colors.$COL_GRAY_LLL
144

145
.cc-project-flyout-files-panel,
146
.cc-project-flyout-settings-panel
147
  .ant-collapse-content-box
148
    padding: 0 !important
149

150
.cc-license-table-public-info
151
  td, th
152
    padding: 5px !important
153
  .ant-table-expanded-row
154
    td
155
      padding: 0 !important
156

157