* UI: Make document body a flexbox Fixes: https://github.com/go-gitea/gitea/issues/6118 * ie11 fixes * increase padding to 80px * add flex-growtags/v1.9.0-dev
@@ -371,7 +371,7 @@ generate-stylesheets: | |||
echo "Please install npm version 5.2+"; \ | |||
exit 1; \ | |||
fi; | |||
$(eval BROWSERS := "> 2%, last 2 firefox versions, last 2 safari versions") | |||
$(eval BROWSERS := "> 1%, last 2 firefox versions, last 2 safari versions, ie 11") | |||
npx lessc --clean-css public/less/index.less public/css/index.css | |||
$(foreach file, $(filter-out public/less/themes/_base.less, $(wildcard public/less/themes/*)),npx lessc --clean-css public/less/themes/$(notdir $(file)) > public/css/theme-$(notdir $(call strip-suffix,$(file))).css;) | |||
$(foreach file, $(wildcard public/css/*),npx postcss --use autoprefixer --autoprefixer.browsers $(BROWSERS) -o $(file) $(file);) |
@@ -1,6 +1,5 @@ | |||
.admin { | |||
padding-top: 15px; | |||
padding-bottom: @footer-margin * 2; | |||
.table.segment { | |||
padding: 0; |
@@ -1,10 +1,10 @@ | |||
@footer-margin: 40px; | |||
body { | |||
font-family: "Lato", "Segoe UI", "Microsoft YaHei", Arial, Helvetica, sans-serif !important; | |||
background-color: #fff; | |||
overflow-y: scroll; | |||
-webkit-font-smoothing: antialiased; | |||
display: flex; | |||
flex-direction: column; | |||
} | |||
img { | |||
border-radius: 3px; | |||
@@ -56,9 +56,8 @@ pre, code { | |||
hyphens: auto; | |||
} | |||
.full.height { | |||
padding: 0; | |||
margin: 0 0 calc(-@footer-margin - 2px) 0; | |||
min-height: 100%; | |||
flex-grow: 1; | |||
padding-bottom: 80px; | |||
} | |||
.following.bar { | |||
z-index: 900; | |||
@@ -440,11 +439,10 @@ pre, code { | |||
} | |||
footer { | |||
position: absolute; | |||
background-color: white; | |||
border-top: 1px solid #d6d6d6; | |||
clear: both; | |||
width: 100%; | |||
height: 40px; | |||
color: #888888; | |||
.container { | |||
width: 100vw !important; |
@@ -1,6 +1,5 @@ | |||
.dashboard { | |||
padding-top: 15px; | |||
padding-bottom: @footer-margin * 2; | |||
&.feeds, | |||
&.issues { |
@@ -1,6 +1,5 @@ | |||
.explore { | |||
padding-top: 15px; | |||
padding-bottom: @footer-margin * 2; | |||
.navbar { | |||
justify-content: center; |
@@ -1,5 +1,4 @@ | |||
.home { | |||
padding-bottom: @footer-margin * 2; | |||
.logo { | |||
max-width: 220px; | |||
} | |||
@@ -45,7 +44,6 @@ | |||
.signup { | |||
padding-top: 15px; | |||
padding-bottom: @footer-margin * 2; | |||
} | |||
footer { |
@@ -1,6 +1,5 @@ | |||
.install { | |||
padding-top: 45px; | |||
padding-bottom: @footer-margin * 2; | |||
form { | |||
@input-padding: 320px !important; | |||
label { |
@@ -1,6 +1,5 @@ | |||
.organization { | |||
padding-top: 15px; | |||
padding-bottom: @footer-margin * 2; | |||
.head { | |||
.ui.header { |
@@ -2,7 +2,6 @@ | |||
@mega-octicon-width: 30px; | |||
padding-top: 15px; | |||
padding-bottom: @footer-margin * 2; | |||
.repo-header { | |||
.ui.compact.menu { |
@@ -1,7 +1,6 @@ | |||
.user { | |||
&:not(.icon) { | |||
padding-top: 15px; | |||
padding-bottom: @footer-margin * 2; | |||
} | |||
&.profile { |