infrastructure/gitea-custom
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 🚑 some css customizations not showing after 1.22.3 gitea update

Browse Source
This commit is contained in:
Lucas Colombo
2024-10-19 17:10:14 -03:00
parent 1569eacdcf
commit ecd34de22f
44 changed files with 478 additions and 912 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/themes/scss/theme/modules/custom/_issue-content.scss
View File

@ -4,4 +4,13 @@
max-width: 100%;
}
}
.issue-content, .issue-list {
.labels-list {
.label {
}
}
}
}

58
src/themes/scss/theme/modules/custom/_repo-header.scss
View File

@ -2,7 +2,7 @@
@use '@lucas-labs/lui-micro/color' as color;
@mixin apply-styles {
.header-wrapper {
.secondary-nav {
display: flex;
flex-direction: column;
margin-bottom: var.get('measure/1x');
@ -21,40 +21,34 @@
.ui.tabs.divider {
margin-bottom: 0;
}
.ui.tabular.menu.navbar {
overflow-menu {
.item {
--item-margin-bottom: #{var.get('measure/1x')};
margin: var(--item-margin-bottom) var.get('measure/.5x');
border-radius: var.get('measure/.25x');
padding: var.get('measure/.5x') var.get('measure/.5x');
color: var(--color-text);
border: none;
--item-margin-bottom: #{var.get('measure/.5x')} !important;
margin: 0 var.get('measure/.5x') var(--item-margin-bottom) !important;
border-radius: var.get('measure/.25x') !important;
padding: var.get('measure/.5x') var.get('measure/.5x') !important;
color: var(--color-text) !important;
border: none !important;
position: relative; // Make the parent element positioned
svg {
color: var(--color-text-light-3);
margin-right: var.get('measure/.5x');
color: var(--color-text-light-3) !important;
margin-right: var.get('measure/.5x') !important;
}
&:hover {
background-color: color.get('elevation/4') !important;
}
&.active {
background-color: transparent;
color: var(--color-text);
border-radius: var.get('measure/.25x') !important;
font-weight: normal;
// border-bottom: 4px solid color.get('primary/base');;
&::after {
background: color.get('primary/base');
border-radius: 6px;
bottom: calc(0px - var(--item-margin-bottom));
content: "";
height: 2px;
position: absolute;
right: 50%;
transform: translate(50%, -50%);
width: 100%;
z-index: 1;
}
background-color: transparent !important;
color: var(--color-text) !important;
border-radius: 0 !important;
// font-weight: normal !important;
border-bottom: calc(var(--item-margin-bottom) - 1px) solid var(--color-secondary-nav-bg) !important;
margin-bottom: 1px !important;
box-shadow: 0px 2px 0px 0px color.get('primary/base') !important;
}
.small.label {
@ -69,11 +63,7 @@
align-items: center;
justify-content: center;
}
&:hover {
background-color: color.get('elevation/4');
}
}
}
}
}
}

60
src/themes/scss/theme/modules/custom/repo/_file-list.scss
View File

@ -3,9 +3,24 @@
@mixin apply-styles {
#repo-topics {
#repo-topics, #topic_edit, .label-list {
row-gap: var.get('measure/.5x');
margin-top: 0 !important;
.label:not(.basic) {
font-size: var.get('small-font-size') !important;
background-color: rgba(#{color.get('theme/blue/base', 'rgb')}, 0.1);
color: color.get('primary/base');
border-radius: var.get('measure/2x');
line-height: 14px;
transition: background-color 0.2s ease;
&:hover {
background-color: rgba(#{color.get('theme/blue/base', 'rgb')}, 0.3) !important;
color: color.get('primary/base') !important;
}
}
}
.ui.table>tr>td, .ui.table>tbody>tr>td {
@ -17,14 +32,6 @@
flex-direction: row-reverse;
column-gap: 24px;
.ui.repo-topic.large.label.topic {
background-color: rgba(#{color.get('theme/blue/base', 'rgb')}, 0.3);
color: color.get('primary/base');
border-radius: var.get('measure/2x');
border: 1px solid rgba(#{color.get('theme/blue/base', 'rgb')}, 0.4);
line-height: 14px;
}
@media (max-width: 1100px) {
width: 100%;
min-width: 100%;
@ -58,7 +65,7 @@
}
}
@media (max-width: 1200px) {
@media (max-width: 1280px) {
flex-direction: column;
column-gap: 0;
row-gap: 24px;
@ -149,39 +156,6 @@
.field.gt-f1.gt-mr-3 {
margin: 0px !important;
// topic selection editing (task list
div.fluid.multiple.search.selection.dropdown {
display: flex;
flex-wrap: wrap;
box-shadow: none;
padding: var.get('measure/.25x') var.get('measure/.5x');
.item {
border: none;
}
.menu {
top: calc(100% + 1px);
}
}
.dropdown {
display: none;
}
// Cancel, Save buttons
+div {
display: flex;
column-gap: var.get('measure/1x');
button {
display: block !important;
margin: 0px !important;
width: 100%;
}
}
}
}