drone/web/src/pages/Repository/RepositoryContent/FolderContent/FolderContent.module.scss

117 lines
2.7 KiB
SCSS

/*
* Copyright 2023 Harness, Inc.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
.folderContent {
padding: 0 var(--spacing-xlarge) var(--spacing-xlarge) var(--spacing-xlarge) !important;
.table {
background-color: var(--white) !important;
:global(.TableV2--row:last-child) {
border-bottom-left-radius: 4px !important;
border-bottom-right-radius: 4px !important;
}
[class*='TableV2--header'] {
box-shadow: 0px 0px 1px rgba(40, 41, 61, 0.08), 0px 0.5px 2px rgba(96, 97, 112, 0.16);
[class*='variation-table-headers'] {
text-transform: none;
color: var(--grey-400);
font-weight: 500;
font-size: 13px;
}
}
.row {
justify-content: center;
padding-top: 0;
padding-bottom: 0px;
height: 40px;
box-shadow: 0px 0px 1px rgba(40, 41, 61, 0.08), 0px 0.5px 2px rgba(96, 97, 112, 0.16);
overflow: hidden;
border-radius: 0;
margin-bottom: 0;
.rowText {
font-size: 13px;
font-weight: 400;
}
}
}
.readmeContainer {
margin-top: var(--spacing-xlarge) !important;
box-shadow: 0px 0px 1px rgba(40, 41, 61, 0.08), 0px 0.5px 2px rgba(96, 97, 112, 0.16);
border-radius: 4px;
.heading {
border-bottom: 1px solid var(--grey-100);
align-items: center;
padding-left: var(--spacing-large) !important;
}
.readmeContent {
padding: var(--spacing-xxlarge) !important;
}
}
.commitMsgLayout {
align-items: center;
padding-right: var(--spacing-large);
max-width: calc(100% - 80px);
}
.linkContainer {
display: inline-block;
&.noShrink {
flex-shrink: inherit;
}
.link {
color: var(--primary-7) !important;
&,
.text {
font-size: 13px;
font-weight: 400;
cursor: pointer !important;
color: var(--black) !important;
}
.text:hover {
color: var(--primary-7) !important;
}
.text.hightlight {
color: var(--primary-7) !important;
}
}
}
}
.commitContainer {
:global {
.bp3-popover-target {
.StyledProps--font {
color: var(--grey-600) !important;
}
}
}
}
.fileIcon {
color: var(--grey-600) !important;
}