Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
sagemathinc
GitHub Repository: sagemathinc/cocalc
Path: blob/master/src/packages/frontend/_projects.sass
5713 views
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
max-width: 50vw
91
padding: 5px 10px !important
92
93
.cc-path-navigator,
94
.cc-project-flyout-path-navigator
95
color: colors.$COL_BS_BLUE_TEXT
96
span
97
cursor: pointer
98
99
.cc-project-flyout-path-navigator
100
overflow: hidden
101
text-overflow: ellipsis
102
float: left
103
white-space: nowrap
104
> ol
105
display: inline-block
106
white-space: nowrap
107
> li
108
display: inline-block
109
white-space: nowrap
110
li.ant-breadcrumb-separator
111
margin-right: 2px
112
margin-left: 2px
113
114
.cc-path-navigator-history
115
color: colors.$COL_GRAY
116
.cc-path-navigator-active
117
font-weight: bold
118
color: black
119
120
.cc-custom-image-desc
121
h1
122
font-size: 125%
123
h2
124
font-size: 120%
125
h3
126
font-size: 115%
127
h4
128
font-size: 110%
129
h6
130
font-size: 105%
131
132
li.cc-project-home-recent-files
133
cursor: pointer
134
&:hover
135
background-color: colors.$COL_GRAY_LLL
136
137
div.cc-project-flyout-dragbar:hover
138
background-color: colors.$COL_GRAY_L
139
140
.cc-project-log-history-entry:hover
141
cursor: pointer
142
background-color: colors.$COL_GRAY_LLL
143
144
.cc-project-flyout-files-panel,
145
.cc-project-flyout-settings-panel
146
.ant-collapse-content-box
147
padding: 0 !important
148
149
.cc-license-table-public-info
150
td, th
151
padding: 5px !important
152
.ant-table-expanded-row
153
td
154
padding: 0 !important
155
156