mirror
/
gitea
mirror of https://github.com/go-gitea/gitea
2
0
Fork 0
Code Issues Releases Wiki Activity

Remove fomantic container module (#30036)

Browse Source 
Small CSS module. There was a ordering conflict between `.ui.menu` and
`.ui.container` which I've solved by adding the `.ui.menu` rule into
base.

---------

Co-authored-by: Giteabot <teabot@gitea.io>
pull/30034/head^2
silverwind 11 months ago committed by GitHub
parent 5bd0773741
commit 2d281704de
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
5 changed files with 83 additions and 189 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 35
      web_src/css/base.css
  2. 1
      web_src/css/index.css
  3. 78
      web_src/css/modules/container.css
  4. 157
      web_src/fomantic/build/semantic.css
  5. 1
      web_src/fomantic/semantic.json

35
web_src/css/base.css
Unescape View File

@ -352,6 +352,10 @@ ol.ui.list li,
border-right-color: var(--color-primary);
}
.ui.menu {
display: flex;
}
.ui.menu,
.ui.vertical.menu {
background: var(--color-menu);
@ -738,37 +742,6 @@ img.ui.avatar,
padding-top: 14px;
}
/* overwrite semantic width of containers inside the main page content div (div with class "page-content") */
.page-content .ui.ui.ui.container:not(.fluid) {
width: 1280px;
max-width: calc(100% - 64px);
margin-left: auto;
margin-right: auto;
}
.ui.container.fluid.padded {
padding: 0 32px;
}
/* enable fluid page widths for medium size viewports */
@media (min-width: 768px) and (max-width: 1200px) {
.page-content .ui.ui.ui.container:not(.fluid) {
max-width: calc(100% - 32px);
}
.ui.container.fluid.padded {
padding: 0 16px;
}
}
@media (max-width: 767.98px) {
.page-content .ui.ui.ui.container:not(.fluid) {
max-width: calc(100% - 16px);
}
.ui.container.fluid.padded {
padding: 0 8px;
}
}
.ui.pagination.menu .active.item {
color: var(--color-text);
background: var(--color-active);

1
web_src/css/index.css
Unescape View File

@ -14,6 +14,7 @@
@import "./modules/svg.css";
@import "./modules/flexcontainer.css";
@import "./modules/message.css";
@import "./modules/container.css";
@import "./modules/header.css";
@import "./shared/flex-list.css";

78
web_src/css/modules/container.css
Unescape View File

@ -0,0 +1,78 @@
/* based on Fomantic UI container module, with just the parts extracted that we use. If you find any
unused rules here after refactoring, please remove them. */
.ui.container {
display: block;
max-width: 100%;
}
@media (max-width: 767.98px) {
.ui.ui.ui.container:not(.fluid) {
width: auto;
margin-left: 1em;
margin-right: 1em;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.ui.ui.ui.container:not(.fluid) {
width: 723px;
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.ui.ui.ui.container:not(.fluid) {
width: 933px;
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 1200px) {
.ui.ui.ui.container:not(.fluid) {
width: 1127px;
margin-left: auto;
margin-right: auto;
}
}
.ui.fluid.container {
width: 100%;
}
.ui[class*="center aligned"].container {
text-align: center;
}
/* overwrite width of containers inside the main page content div (div with class "page-content") */
.page-content .ui.ui.ui.container:not(.fluid) {
width: 1280px;
max-width: calc(100% - 64px);
margin-left: auto;
margin-right: auto;
}
.ui.container.fluid.padded {
padding: 0 32px;
}
/* enable fluid page widths for medium size viewports */
@media (min-width: 768px) and (max-width: 1200px) {
.page-content .ui.ui.ui.container:not(.fluid) {
max-width: calc(100% - 32px);
}
.ui.container.fluid.padded {
padding: 0 16px;
}
}
@media (max-width: 767.98px) {
.page-content .ui.ui.ui.container:not(.fluid) {
max-width: calc(100% - 16px);
}
.ui.container.fluid.padded {
padding: 0 8px;
}
}

157
web_src/fomantic/build/semantic.css generated
Unescape View File

@ -3032,163 +3032,6 @@
.plus:before { content: '\e802'; }
*/
/*******************************
Site Overrides
*******************************/
/*!
* # Fomantic-UI - Container
* http://github.com/fomantic/Fomantic-UI/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
Container
*******************************/
/* All Sizes */
.ui.container {
display: block;
max-width: 100%;
}
/* Mobile */
@media only screen and (max-width: 767.98px) {
.ui.ui.ui.container:not(.fluid) {
width: auto;
margin-left: 1em;
margin-right: 1em;
}
.ui.ui.ui.grid.container {
width: auto;
}
.ui.ui.ui.relaxed.grid.container {
width: auto;
}
.ui.ui.ui.very.relaxed.grid.container {
width: auto;
}
}
/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
.ui.ui.ui.container:not(.fluid) {
width: 723px;
margin-left: auto;
margin-right: auto;
}
.ui.ui.ui.grid.container {
width: calc(723px + 2rem);
}
.ui.ui.ui.relaxed.grid.container {
width: calc(723px + 3rem);
}
.ui.ui.ui.very.relaxed.grid.container {
width: calc(723px + 5rem);
}
}
/* Small Monitor */
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
.ui.ui.ui.container:not(.fluid) {
width: 933px;
margin-left: auto;
margin-right: auto;
}
.ui.ui.ui.grid.container {
width: calc(933px + 2rem);
}
.ui.ui.ui.relaxed.grid.container {
width: calc(933px + 3rem);
}
.ui.ui.ui.very.relaxed.grid.container {
width: calc(933px + 5rem);
}
}
/* Large Monitor */
@media only screen and (min-width: 1200px) {
.ui.ui.ui.container:not(.fluid) {
width: 1127px;
margin-left: auto;
margin-right: auto;
}
.ui.ui.ui.grid.container {
width: calc(1127px + 2rem);
}
.ui.ui.ui.relaxed.grid.container {
width: calc(1127px + 3rem);
}
.ui.ui.ui.very.relaxed.grid.container {
width: calc(1127px + 5rem);
}
}
/*******************************
Types
*******************************/
/* Text Container */
.ui.text.container {
font-family: var(--fonts-regular);
max-width: 700px;
line-height: 1.5;
font-size: 1.14285714rem;
}
/* Fluid */
.ui.fluid.container {
width: 100%;
}
/*******************************
Variations
*******************************/
.ui[class*="left aligned"].container {
text-align: left;
}
.ui[class*="center aligned"].container {
text-align: center;
}
.ui[class*="right aligned"].container {
text-align: right;
}
.ui.justified.container {
text-align: justify;
-webkit-hyphens: auto;
hyphens: auto;
}
/*******************************
Theme Overrides
*******************************/
/*******************************
Site Overrides
*******************************/

1
web_src/fomantic/semantic.json
Unescape View File

@ -24,7 +24,6 @@
"api",
"button",
"checkbox",
"container",
"dimmer",
"dropdown",
"form",

Write Preview
Loading…
Cancel
Save