forked from mirrors/Gitea-Modern
1.0.11
- Removed sticky positioning on Releases page due to z-index issues - Fixed tooltips z-index - Fixed button heights in some areas - Fixed explore page on mobile (I'll try to fix more mobile issues later.) - Tweaked Header Padding
This commit is contained in:
parent
ebf594caf0
commit
8a2bab6df5
1 changed files with 59 additions and 62 deletions
|
@ -1,15 +1,17 @@
|
|||
// main: theme-gitea-modern.user.styl, out: theme-gitea-modern.css, compress: true
|
||||
// Ignore above, just compiler stuff
|
||||
|
||||
/* Update 1.0.10
|
||||
- Tweaked the look of the dashboard and other menu's / tabs
|
||||
- Other fixes
|
||||
/* Update 1.0.11
|
||||
- Removed sticky positioning on Releases page due to z-index issues
|
||||
- Fixed tooltips z-index
|
||||
- Fixed button heights in some areas
|
||||
- Fixed explore page on mobile (I'll try to fix more mobile issues later.)
|
||||
- Tweaked Header Padding
|
||||
*/
|
||||
|
||||
|
||||
:root {
|
||||
--base-border-radius: 6px;
|
||||
|
||||
}
|
||||
html.theme-gitea, html.theme-arc-green {
|
||||
--fonts-override: var(--fonts-regular);
|
||||
|
@ -75,7 +77,7 @@ a[rel*="nofollow"]:not(.ui), .link:not(.ui) {
|
|||
.ui.compact.button {
|
||||
padding-top: .3em;
|
||||
padding-bottom: .3em;
|
||||
min-height: .8em;
|
||||
min-height: 2.4em;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
svg {
|
||||
|
@ -87,7 +89,6 @@ a[rel*="nofollow"]:not(.ui), .link:not(.ui) {
|
|||
}
|
||||
|
||||
|
||||
|
||||
/*** Inputs ***/
|
||||
|
||||
.input.action.fluid {
|
||||
|
@ -150,6 +151,54 @@ a[rel*="nofollow"]:not(.ui), .link:not(.ui) {
|
|||
}
|
||||
}
|
||||
|
||||
|
||||
/*** Popups ***/
|
||||
/* Tooltips */
|
||||
.popup.tiny.inverted {
|
||||
background: var(--color-body);
|
||||
color: var(--color-text);
|
||||
box-shadow: var(--lm-large-shadow);
|
||||
border: 1px solid var(--color-secondary);
|
||||
pointer-events: none;
|
||||
z-index: 9999999;
|
||||
&::before {
|
||||
background: var(--color-body) !important;
|
||||
z-index: -99999 !important;
|
||||
border-color: var(--color-secondary) !important;
|
||||
}
|
||||
}
|
||||
.ui.left.popup::before {
|
||||
border: 0;
|
||||
border-top: 1px solid;
|
||||
border-right: 1px solid;
|
||||
}
|
||||
.ui.right.popup::before {
|
||||
border: 0;
|
||||
border-left: 1px solid;
|
||||
border-bottom: 1px solid;
|
||||
}
|
||||
.ui.top.popup::before {
|
||||
border: 0;
|
||||
border-right: 1px solid;
|
||||
border-bottom: 1px solid;
|
||||
}
|
||||
.ui.bottom.popup::before {
|
||||
border: 0;
|
||||
border-top: 1px solid;
|
||||
border-left: 1px solid;
|
||||
}
|
||||
|
||||
|
||||
.settings > .ui.container {
|
||||
max-width: 1150px !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** Other Elements **/
|
||||
|
||||
// Filter buttons & New Issue buttons on mobile
|
||||
.ui.two.column.stackable.grid > .column {
|
||||
width: auto !important;
|
||||
|
@ -200,54 +249,7 @@ a[rel*="nofollow"]:not(.ui), .link:not(.ui) {
|
|||
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*** Popups ***/
|
||||
/* Tooltips */
|
||||
.popup.tiny.inverted {
|
||||
background: var(--color-body);
|
||||
color: var(--color-text);
|
||||
box-shadow: var(--lm-large-shadow);
|
||||
border: 1px solid var(--color-secondary);
|
||||
pointer-events: none;
|
||||
z-index: 1000;
|
||||
&::before {
|
||||
background: var(--color-body) !important;
|
||||
z-index: -99999 !important;
|
||||
border-color: var(--color-secondary) !important;
|
||||
}
|
||||
}
|
||||
.ui.left.popup::before {
|
||||
border: 0;
|
||||
border-top: 1px solid;
|
||||
border-right: 1px solid;
|
||||
}
|
||||
.ui.right.popup::before {
|
||||
border: 0;
|
||||
border-left: 1px solid;
|
||||
border-bottom: 1px solid;
|
||||
}
|
||||
.ui.top.popup::before {
|
||||
border: 0;
|
||||
border-right: 1px solid;
|
||||
border-bottom: 1px solid;
|
||||
}
|
||||
.ui.bottom.popup::before {
|
||||
border: 0;
|
||||
border-top: 1px solid;
|
||||
border-left: 1px solid;
|
||||
}
|
||||
|
||||
|
||||
.settings > .ui.container {
|
||||
max-width: 1150px !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** Other Elements **/
|
||||
// Make heatmap not smoll on smoll screens
|
||||
#user-heatmap {
|
||||
overflow: auto hidden;
|
||||
justify-content: flex-start;
|
||||
|
@ -456,16 +458,14 @@ html {
|
|||
/*** Header ***/
|
||||
.following.bar {
|
||||
--min-height: 60px;
|
||||
|
||||
background: none !important;
|
||||
border-bottom: 1px solid var(--color-secondary) !important;
|
||||
background-color: var(--color-navbar) !important;
|
||||
position: relative;
|
||||
min-height: var(--min-height);
|
||||
align-items: center;
|
||||
z-index: 99999;
|
||||
#navbar {
|
||||
padding: 0 calc(2px + 1%) !important;
|
||||
padding: 0 calc(4px + 1%) !important;
|
||||
background: none !important;
|
||||
max-width: 100rem;
|
||||
transition: padding 1s;
|
||||
|
@ -478,7 +478,7 @@ html {
|
|||
font-size: 1rem !important;
|
||||
font-weight: 600;
|
||||
|
||||
padding: 0 calc(0px + 1.1%);
|
||||
padding: 0 calc(0px + 1%);
|
||||
height: calc(var(--min-height) + 1px) !important;
|
||||
margin: 0 !important;
|
||||
border-radius: 0;
|
||||
|
@ -1293,9 +1293,6 @@ html {
|
|||
#release-list {
|
||||
padding-left: 0;
|
||||
.four.wide.column {
|
||||
position: sticky !important;
|
||||
top: 0px;
|
||||
height: min-content;
|
||||
width: 150px !important;
|
||||
}
|
||||
}
|
||||
|
@ -1625,8 +1622,8 @@ html {
|
|||
grid-gap: 16px;
|
||||
|
||||
.item {
|
||||
width: 400px;
|
||||
width: 100%;
|
||||
max-width: calc(100vw - 40px);
|
||||
min-height: unset !important;
|
||||
padding: 14px 16px !important;
|
||||
border: 1px solid var(--color-secondary);
|
||||
|
|
Loading…
Reference in a new issue