diff --git a/.stylelintrc.yaml b/.stylelintrc.yaml
index c488d0677f..62660fcf94 100644
--- a/.stylelintrc.yaml
+++ b/.stylelintrc.yaml
@@ -5,8 +5,6 @@ ignoreFiles:
- "**/*.go"
overrides:
- - files: ["**/*.less"]
- customSyntax: postcss-less
- files: ["**/chroma/*", "**/codemirror/*", "**/standalone/*", "**/console/*"]
rules:
scale-unlimited/declaration-strict-value: null
diff --git a/Makefile b/Makefile
index 8bfc7ddcaf..a43f53e795 100644
--- a/Makefile
+++ b/Makefile
@@ -105,7 +105,7 @@ GO_TEST_PACKAGES ?= $(filter-out $(shell $(GO) list code.gitea.io/gitea/models/m
FOMANTIC_WORK_DIR := web_src/fomantic
-WEBPACK_SOURCES := $(shell find web_src/js web_src/less -type f)
+WEBPACK_SOURCES := $(shell find web_src/js web_src/css -type f)
WEBPACK_CONFIGS := webpack.config.js
WEBPACK_DEST := public/js/index.js public/css/index.css
WEBPACK_DEST_ENTRIES := public/js public/css public/fonts public/img/webpack public/serviceworker.js
@@ -131,7 +131,7 @@ TEST_TAGS ?= sqlite sqlite_unlock_notify
TAR_EXCLUDES := .git data indexers queues log node_modules $(EXECUTABLE) $(FOMANTIC_WORK_DIR)/node_modules $(DIST) $(MAKE_EVIDENCE_DIR) $(AIR_TMP_DIR) $(GO_LICENSE_TMP_DIR)
GO_DIRS := cmd tests models modules routers build services tools
-WEB_DIRS := web_src/js web_src/less
+WEB_DIRS := web_src/js web_src/css
GO_SOURCES := $(wildcard *.go)
GO_SOURCES += $(shell find $(GO_DIRS) -type f -name "*.go" -not -path modules/options/bindata.go -not -path modules/public/bindata.go -not -path modules/templates/bindata.go)
@@ -341,7 +341,7 @@ lint: lint-frontend lint-backend
.PHONY: lint-frontend
lint-frontend: node_modules
npx eslint --color --max-warnings=0 --ext js,vue web_src/js build *.config.js docs/assets/js tests/e2e
- npx stylelint --color --max-warnings=0 web_src/less
+ npx stylelint --color --max-warnings=0 web_src/css
npx spectral lint -q -F hint $(SWAGGER_SPEC)
npx markdownlint docs *.md
diff --git a/docs/content/doc/advanced/customizing-gitea.en-us.md b/docs/content/doc/advanced/customizing-gitea.en-us.md
index bad6342aad..4c0235c04a 100644
--- a/docs/content/doc/advanced/customizing-gitea.en-us.md
+++ b/docs/content/doc/advanced/customizing-gitea.en-us.md
@@ -354,7 +354,7 @@ To make a custom theme available to all users:
Community themes are listed in [gitea/awesome-gitea#themes](https://gitea.com/gitea/awesome-gitea#themes).
-The `arc-green` theme source can be found [here](https://github.com/go-gitea/gitea/blob/main/web_src/less/themes/theme-arc-green.less).
+The `arc-green` theme source can be found [here](https://github.com/go-gitea/gitea/blob/main/web_src/css/themes/theme-arc-green.css).
If your custom theme is considered a dark theme, set the global css variable `--is-dark-theme` to `true`.
This allows Gitea to adjust the Monaco code editor's theme accordingly.
diff --git a/docs/content/doc/developers/guidelines-frontend.en-us.md b/docs/content/doc/developers/guidelines-frontend.en-us.md
index 7f4d87d901..e801ee4c4b 100644
--- a/docs/content/doc/developers/guidelines-frontend.en-us.md
+++ b/docs/content/doc/developers/guidelines-frontend.en-us.md
@@ -21,13 +21,13 @@ menu:
## Background
-Gitea uses [Less CSS](https://lesscss.org), [Fomantic-UI](https://fomantic-ui.com/introduction/getting-started.html) (based on [jQuery](https://api.jquery.com)) and [Vue3](https://vuejs.org/) for its frontend.
+Gitea uses [Fomantic-UI](https://fomantic-ui.com/introduction/getting-started.html) (based on [jQuery](https://api.jquery.com)) and [Vue3](https://vuejs.org/) for its frontend.
The HTML pages are rendered by [Go HTML Template](https://pkg.go.dev/html/template).
The source files can be found in the following directories:
-* **Less styles:** `web_src/less/`
+* **CSS styles:** `web_src/css/`
* **JavaScript files:** `web_src/js/`
* **Vue components:** `web_src/js/components/`
* **Go HTML templates:** `templates/`
diff --git a/package-lock.json b/package-lock.json
index e8dbdea8e9..29335dade1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -28,11 +28,9 @@
"jquery": "3.6.3",
"jquery.are-you-sure": "1.9.0",
"katex": "0.16.4",
- "less": "4.1.3",
- "less-loader": "11.1.0",
"license-checker-webpack-plugin": "0.2.1",
"mermaid": "10.0.2",
- "mini-css-extract-plugin": "2.7.2",
+ "mini-css-extract-plugin": "2.7.4",
"monaco-editor": "0.34.1",
"monaco-editor-webpack-plugin": "7.0.1",
"pretty-ms": "8.0.0",
@@ -45,7 +43,7 @@
"vue-bar-graph": "2.0.0",
"vue-loader": "17.0.1",
"vue3-calendar-heatmap": "2.0.0",
- "webpack": "5.76.0",
+ "webpack": "5.76.2",
"webpack-cli": "5.0.1",
"workbox-routing": "6.5.4",
"workbox-strategies": "6.5.4",
@@ -64,7 +62,6 @@
"eslint-plugin-vue": "9.9.0",
"jsdom": "21.0.0",
"markdownlint-cli": "0.33.0",
- "postcss-less": "6.0.0",
"stylelint": "15.2.0",
"stylelint-declaration-strict-value": "1.9.2",
"svgo": "3.0.2",
@@ -2667,6 +2664,9 @@
"version": "2.0.6",
"resolved": "https://registry.npmjs.org/copy-anything/-/copy-anything-2.0.6.tgz",
"integrity": "sha512-1j20GZTsvKNkc4BY3NpMOM8tt///wY3FpIzozTOFO2ffuZcV61nojHXVKIy3WM+7ADCy5FVhdZYHYDdgTU0yJw==",
+ "dev": true,
+ "optional": true,
+ "peer": true,
"dependencies": {
"is-what": "^3.14.1"
},
@@ -3813,7 +3813,9 @@
"version": "0.1.8",
"resolved": "https://registry.npmjs.org/errno/-/errno-0.1.8.tgz",
"integrity": "sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==",
+ "dev": true,
"optional": true,
+ "peer": true,
"dependencies": {
"prr": "~1.0.1"
},
@@ -5240,7 +5242,9 @@
"version": "0.5.5",
"resolved": "https://registry.npmjs.org/image-size/-/image-size-0.5.5.tgz",
"integrity": "sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==",
+ "dev": true,
"optional": true,
+ "peer": true,
"bin": {
"image-size": "bin/image-size.js"
},
@@ -5675,7 +5679,10 @@
"node_modules/is-what": {
"version": "3.14.1",
"resolved": "https://registry.npmjs.org/is-what/-/is-what-3.14.1.tgz",
- "integrity": "sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA=="
+ "integrity": "sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==",
+ "dev": true,
+ "optional": true,
+ "peer": true
},
"node_modules/isarray": {
"version": "0.0.1",
@@ -5933,14 +5940,6 @@
"node": ">=0.10.0"
}
},
- "node_modules/klona": {
- "version": "2.0.6",
- "resolved": "https://registry.npmjs.org/klona/-/klona-2.0.6.tgz",
- "integrity": "sha512-dhG34DXATL5hSxJbIexCft8FChFXtmskoZYnoPWjXQuebWYCNkVeV3KkGegCK9CP1oswI/vQibS2GY7Em/sJJA==",
- "engines": {
- "node": ">= 8"
- }
- },
"node_modules/known-css-properties": {
"version": "0.26.0",
"resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.26.0.tgz",
@@ -5956,6 +5955,9 @@
"version": "4.1.3",
"resolved": "https://registry.npmjs.org/less/-/less-4.1.3.tgz",
"integrity": "sha512-w16Xk/Ta9Hhyei0Gpz9m7VS8F28nieJaL/VyShID7cYvP6IL5oHeL6p4TXSDJqZE/lNv0oJ2pGVjJsRkfwm5FA==",
+ "dev": true,
+ "optional": true,
+ "peer": true,
"dependencies": {
"copy-anything": "^2.0.1",
"parse-node-version": "^1.0.1",
@@ -5977,25 +5979,6 @@
"source-map": "~0.6.0"
}
},
- "node_modules/less-loader": {
- "version": "11.1.0",
- "resolved": "https://registry.npmjs.org/less-loader/-/less-loader-11.1.0.tgz",
- "integrity": "sha512-C+uDBV7kS7W5fJlUjq5mPBeBVhYpTIm5gB09APT9o3n/ILeaXVsiSFTbZpTJCJwQ/Crczfn3DmfQFwxYusWFug==",
- "dependencies": {
- "klona": "^2.0.4"
- },
- "engines": {
- "node": ">= 14.15.0"
- },
- "funding": {
- "type": "opencollective",
- "url": "https://opencollective.com/webpack"
- },
- "peerDependencies": {
- "less": "^3.5.0 || ^4.0.0",
- "webpack": "^5.0.0"
- }
- },
"node_modules/leven": {
"version": "3.1.0",
"resolved": "https://registry.npmjs.org/leven/-/leven-3.1.0.tgz",
@@ -6201,7 +6184,9 @@
"version": "2.1.0",
"resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz",
"integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==",
+ "dev": true,
"optional": true,
+ "peer": true,
"dependencies": {
"pify": "^4.0.1",
"semver": "^5.6.0"
@@ -6214,7 +6199,9 @@
"version": "5.7.1",
"resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
"integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+ "dev": true,
"optional": true,
+ "peer": true,
"bin": {
"semver": "bin/semver"
}
@@ -6505,7 +6492,9 @@
"version": "1.6.0",
"resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
"integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+ "dev": true,
"optional": true,
+ "peer": true,
"bin": {
"mime": "cli.js"
},
@@ -6542,9 +6531,9 @@
}
},
"node_modules/mini-css-extract-plugin": {
- "version": "2.7.2",
- "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-2.7.2.tgz",
- "integrity": "sha512-EdlUizq13o0Pd+uCp+WO/JpkLvHRVGt97RqfeGhXqAcorYo1ypJSpkV+WDT0vY/kmh/p7wRdJNJtuyK540PXDw==",
+ "version": "2.7.4",
+ "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-2.7.4.tgz",
+ "integrity": "sha512-V5zkjajQx9gnedglDap7ZjD1mNFNISzyllzrc+9+R4iwPRUAR0St20ADflQbWkVUQ2u/QU55t8mKaxUek8Cciw==",
"dependencies": {
"schema-utils": "^4.0.0"
},
@@ -6637,7 +6626,7 @@
"version": "2.1.2",
"resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
"integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
- "devOptional": true
+ "dev": true
},
"node_modules/nanoid": {
"version": "3.3.4",
@@ -6660,7 +6649,9 @@
"version": "3.2.0",
"resolved": "https://registry.npmjs.org/needle/-/needle-3.2.0.tgz",
"integrity": "sha512-oUvzXnyLiVyVGoianLijF9O/RecZUf7TkBfimjGrLM4eQhXyeJwM6GeAWccwfQ9aa4gMCZKqhAOuLaMIcQxajQ==",
+ "dev": true,
"optional": true,
+ "peer": true,
"dependencies": {
"debug": "^3.2.6",
"iconv-lite": "^0.6.3",
@@ -6677,7 +6668,9 @@
"version": "3.2.7",
"resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
"integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+ "dev": true,
"optional": true,
+ "peer": true,
"dependencies": {
"ms": "^2.1.1"
}
@@ -7047,6 +7040,9 @@
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/parse-node-version/-/parse-node-version-1.0.1.tgz",
"integrity": "sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==",
+ "dev": true,
+ "optional": true,
+ "peer": true,
"engines": {
"node": ">= 0.10"
}
@@ -7148,7 +7144,9 @@
"version": "4.0.1",
"resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
"integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
+ "dev": true,
"optional": true,
+ "peer": true,
"engines": {
"node": ">=6"
}
@@ -7288,18 +7286,6 @@
"node": "^10 || ^12 || >=14"
}
},
- "node_modules/postcss-less": {
- "version": "6.0.0",
- "resolved": "https://registry.npmjs.org/postcss-less/-/postcss-less-6.0.0.tgz",
- "integrity": "sha512-FPX16mQLyEjLzEuuJtxA8X3ejDLNGGEG503d2YGZR5Ask1SpDN8KmZUMpzCvyalWRywAn1n1VOA5dcqfCLo5rg==",
- "dev": true,
- "engines": {
- "node": ">=12"
- },
- "peerDependencies": {
- "postcss": "^8.3.5"
- }
- },
"node_modules/postcss-media-query-parser": {
"version": "0.2.3",
"resolved": "https://registry.npmjs.org/postcss-media-query-parser/-/postcss-media-query-parser-0.2.3.tgz",
@@ -7481,7 +7467,9 @@
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
"integrity": "sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==",
- "optional": true
+ "dev": true,
+ "optional": true,
+ "peer": true
},
"node_modules/psl": {
"version": "1.9.0",
@@ -7987,7 +7975,9 @@
"version": "1.2.4",
"resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz",
"integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==",
- "optional": true
+ "dev": true,
+ "optional": true,
+ "peer": true
},
"node_modules/saxes": {
"version": "6.0.0",
@@ -8917,7 +8907,8 @@
"node_modules/tslib": {
"version": "2.4.1",
"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.4.1.tgz",
- "integrity": "sha512-tGyy4dAjRIEwI7BzsB0lynWgOpfqjUdq91XXAlIWD2OwKBH7oCl/GZG/HT4BOHrTlPMOASlMQ7veyTqpmRcrNA=="
+ "integrity": "sha512-tGyy4dAjRIEwI7BzsB0lynWgOpfqjUdq91XXAlIWD2OwKBH7oCl/GZG/HT4BOHrTlPMOASlMQ7veyTqpmRcrNA==",
+ "dev": true
},
"node_modules/type-check": {
"version": "0.4.0",
@@ -9413,9 +9404,9 @@
}
},
"node_modules/webpack": {
- "version": "5.76.0",
- "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.76.0.tgz",
- "integrity": "sha512-l5sOdYBDunyf72HW8dF23rFtWq/7Zgvt/9ftMof71E/yUb1YLOBmTgA2K4vQthB3kotMrSj609txVE0dnr2fjA==",
+ "version": "5.76.2",
+ "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.76.2.tgz",
+ "integrity": "sha512-Th05ggRm23rVzEOlX8y67NkYCHa9nTNcwHPBhdg+lKG+mtiW7XgggjAeeLnADAe7mLjJ6LUNfgHAuRRh+Z6J7w==",
"dependencies": {
"@types/eslint-scope": "^3.7.3",
"@types/estree": "^0.0.51",
@@ -11852,6 +11843,9 @@
"version": "2.0.6",
"resolved": "https://registry.npmjs.org/copy-anything/-/copy-anything-2.0.6.tgz",
"integrity": "sha512-1j20GZTsvKNkc4BY3NpMOM8tt///wY3FpIzozTOFO2ffuZcV61nojHXVKIy3WM+7ADCy5FVhdZYHYDdgTU0yJw==",
+ "dev": true,
+ "optional": true,
+ "peer": true,
"requires": {
"is-what": "^3.14.1"
}
@@ -12710,7 +12704,9 @@
"version": "0.1.8",
"resolved": "https://registry.npmjs.org/errno/-/errno-0.1.8.tgz",
"integrity": "sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==",
+ "dev": true,
"optional": true,
+ "peer": true,
"requires": {
"prr": "~1.0.1"
}
@@ -13783,7 +13779,9 @@
"version": "0.5.5",
"resolved": "https://registry.npmjs.org/image-size/-/image-size-0.5.5.tgz",
"integrity": "sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==",
- "optional": true
+ "dev": true,
+ "optional": true,
+ "peer": true
},
"immer": {
"version": "9.0.18",
@@ -14076,7 +14074,10 @@
"is-what": {
"version": "3.14.1",
"resolved": "https://registry.npmjs.org/is-what/-/is-what-3.14.1.tgz",
- "integrity": "sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA=="
+ "integrity": "sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==",
+ "dev": true,
+ "optional": true,
+ "peer": true
},
"isarray": {
"version": "0.0.1",
@@ -14269,11 +14270,6 @@
"resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
"integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw=="
},
- "klona": {
- "version": "2.0.6",
- "resolved": "https://registry.npmjs.org/klona/-/klona-2.0.6.tgz",
- "integrity": "sha512-dhG34DXATL5hSxJbIexCft8FChFXtmskoZYnoPWjXQuebWYCNkVeV3KkGegCK9CP1oswI/vQibS2GY7Em/sJJA=="
- },
"known-css-properties": {
"version": "0.26.0",
"resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.26.0.tgz",
@@ -14289,6 +14285,9 @@
"version": "4.1.3",
"resolved": "https://registry.npmjs.org/less/-/less-4.1.3.tgz",
"integrity": "sha512-w16Xk/Ta9Hhyei0Gpz9m7VS8F28nieJaL/VyShID7cYvP6IL5oHeL6p4TXSDJqZE/lNv0oJ2pGVjJsRkfwm5FA==",
+ "dev": true,
+ "optional": true,
+ "peer": true,
"requires": {
"copy-anything": "^2.0.1",
"errno": "^0.1.1",
@@ -14302,14 +14301,6 @@
"tslib": "^2.3.0"
}
},
- "less-loader": {
- "version": "11.1.0",
- "resolved": "https://registry.npmjs.org/less-loader/-/less-loader-11.1.0.tgz",
- "integrity": "sha512-C+uDBV7kS7W5fJlUjq5mPBeBVhYpTIm5gB09APT9o3n/ILeaXVsiSFTbZpTJCJwQ/Crczfn3DmfQFwxYusWFug==",
- "requires": {
- "klona": "^2.0.4"
- }
- },
"leven": {
"version": "3.1.0",
"resolved": "https://registry.npmjs.org/leven/-/leven-3.1.0.tgz",
@@ -14484,7 +14475,9 @@
"version": "2.1.0",
"resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz",
"integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==",
+ "dev": true,
"optional": true,
+ "peer": true,
"requires": {
"pify": "^4.0.1",
"semver": "^5.6.0"
@@ -14494,7 +14487,9 @@
"version": "5.7.1",
"resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
"integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
- "optional": true
+ "dev": true,
+ "optional": true,
+ "peer": true
}
}
},
@@ -14721,7 +14716,9 @@
"version": "1.6.0",
"resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
"integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
- "optional": true
+ "dev": true,
+ "optional": true,
+ "peer": true
},
"mime-db": {
"version": "1.52.0",
@@ -14743,9 +14740,9 @@
"dev": true
},
"mini-css-extract-plugin": {
- "version": "2.7.2",
- "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-2.7.2.tgz",
- "integrity": "sha512-EdlUizq13o0Pd+uCp+WO/JpkLvHRVGt97RqfeGhXqAcorYo1ypJSpkV+WDT0vY/kmh/p7wRdJNJtuyK540PXDw==",
+ "version": "2.7.4",
+ "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-2.7.4.tgz",
+ "integrity": "sha512-V5zkjajQx9gnedglDap7ZjD1mNFNISzyllzrc+9+R4iwPRUAR0St20ADflQbWkVUQ2u/QU55t8mKaxUek8Cciw==",
"requires": {
"schema-utils": "^4.0.0"
}
@@ -14817,7 +14814,7 @@
"version": "2.1.2",
"resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
"integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
- "devOptional": true
+ "dev": true
},
"nanoid": {
"version": "3.3.4",
@@ -14834,7 +14831,9 @@
"version": "3.2.0",
"resolved": "https://registry.npmjs.org/needle/-/needle-3.2.0.tgz",
"integrity": "sha512-oUvzXnyLiVyVGoianLijF9O/RecZUf7TkBfimjGrLM4eQhXyeJwM6GeAWccwfQ9aa4gMCZKqhAOuLaMIcQxajQ==",
+ "dev": true,
"optional": true,
+ "peer": true,
"requires": {
"debug": "^3.2.6",
"iconv-lite": "^0.6.3",
@@ -14845,7 +14844,9 @@
"version": "3.2.7",
"resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
"integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+ "dev": true,
"optional": true,
+ "peer": true,
"requires": {
"ms": "^2.1.1"
}
@@ -15127,7 +15128,10 @@
"parse-node-version": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/parse-node-version/-/parse-node-version-1.0.1.tgz",
- "integrity": "sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA=="
+ "integrity": "sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==",
+ "dev": true,
+ "optional": true,
+ "peer": true
},
"parse5": {
"version": "7.1.2",
@@ -15198,7 +15202,9 @@
"version": "4.0.1",
"resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
"integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
- "optional": true
+ "dev": true,
+ "optional": true,
+ "peer": true
},
"pkg-dir": {
"version": "4.2.0",
@@ -15296,13 +15302,6 @@
"source-map-js": "^1.0.2"
}
},
- "postcss-less": {
- "version": "6.0.0",
- "resolved": "https://registry.npmjs.org/postcss-less/-/postcss-less-6.0.0.tgz",
- "integrity": "sha512-FPX16mQLyEjLzEuuJtxA8X3ejDLNGGEG503d2YGZR5Ask1SpDN8KmZUMpzCvyalWRywAn1n1VOA5dcqfCLo5rg==",
- "dev": true,
- "requires": {}
- },
"postcss-media-query-parser": {
"version": "0.2.3",
"resolved": "https://registry.npmjs.org/postcss-media-query-parser/-/postcss-media-query-parser-0.2.3.tgz",
@@ -15433,7 +15432,9 @@
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
"integrity": "sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==",
- "optional": true
+ "dev": true,
+ "optional": true,
+ "peer": true
},
"psl": {
"version": "1.9.0",
@@ -15792,7 +15793,9 @@
"version": "1.2.4",
"resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz",
"integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==",
- "optional": true
+ "dev": true,
+ "optional": true,
+ "peer": true
},
"saxes": {
"version": "6.0.0",
@@ -16527,7 +16530,8 @@
"tslib": {
"version": "2.4.1",
"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.4.1.tgz",
- "integrity": "sha512-tGyy4dAjRIEwI7BzsB0lynWgOpfqjUdq91XXAlIWD2OwKBH7oCl/GZG/HT4BOHrTlPMOASlMQ7veyTqpmRcrNA=="
+ "integrity": "sha512-tGyy4dAjRIEwI7BzsB0lynWgOpfqjUdq91XXAlIWD2OwKBH7oCl/GZG/HT4BOHrTlPMOASlMQ7veyTqpmRcrNA==",
+ "dev": true
},
"type-check": {
"version": "0.4.0",
@@ -16847,9 +16851,9 @@
"dev": true
},
"webpack": {
- "version": "5.76.0",
- "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.76.0.tgz",
- "integrity": "sha512-l5sOdYBDunyf72HW8dF23rFtWq/7Zgvt/9ftMof71E/yUb1YLOBmTgA2K4vQthB3kotMrSj609txVE0dnr2fjA==",
+ "version": "5.76.2",
+ "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.76.2.tgz",
+ "integrity": "sha512-Th05ggRm23rVzEOlX8y67NkYCHa9nTNcwHPBhdg+lKG+mtiW7XgggjAeeLnADAe7mLjJ6LUNfgHAuRRh+Z6J7w==",
"requires": {
"@types/eslint-scope": "^3.7.3",
"@types/estree": "^0.0.51",
diff --git a/package.json b/package.json
index 9ced009da8..afc7752257 100644
--- a/package.json
+++ b/package.json
@@ -28,11 +28,9 @@
"jquery": "3.6.3",
"jquery.are-you-sure": "1.9.0",
"katex": "0.16.4",
- "less": "4.1.3",
- "less-loader": "11.1.0",
"license-checker-webpack-plugin": "0.2.1",
"mermaid": "10.0.2",
- "mini-css-extract-plugin": "2.7.2",
+ "mini-css-extract-plugin": "2.7.4",
"monaco-editor": "0.34.1",
"monaco-editor-webpack-plugin": "7.0.1",
"pretty-ms": "8.0.0",
@@ -45,7 +43,7 @@
"vue-bar-graph": "2.0.0",
"vue-loader": "17.0.1",
"vue3-calendar-heatmap": "2.0.0",
- "webpack": "5.76.0",
+ "webpack": "5.76.2",
"webpack-cli": "5.0.1",
"workbox-routing": "6.5.4",
"workbox-strategies": "6.5.4",
@@ -64,7 +62,6 @@
"eslint-plugin-vue": "9.9.0",
"jsdom": "21.0.0",
"markdownlint-cli": "0.33.0",
- "postcss-less": "6.0.0",
"stylelint": "15.2.0",
"stylelint-declaration-strict-value": "1.9.2",
"svgo": "3.0.2",
diff --git a/web_src/css/admin.css b/web_src/css/admin.css
new file mode 100644
index 0000000000..00ed675e2d
--- /dev/null
+++ b/web_src/css/admin.css
@@ -0,0 +1,110 @@
+.admin.hooks .list > .item:not(:first-child) {
+ border-top: 1px solid var(--color-secondary);
+ padding: 0.25rem 1rem;
+ margin: 12px -1rem -1rem;
+}
+
+.admin .table.segment {
+ padding: 0;
+ font-size: 13px;
+ overflow-x: auto;
+}
+
+.admin .table.segment:not(.striped) thead th:last-child {
+ padding-right: 5px !important;
+}
+
+.admin .table.segment th {
+ padding-top: 5px;
+ padding-bottom: 5px;
+}
+
+.admin .table.segment:not(.select) th:first-of-type,
+.admin .table.segment:not(.select) td:first-of-type {
+ padding-left: 15px !important;
+}
+
+.admin .table.segment form tbody button[type="submit"] {
+ padding: 5px 8px;
+}
+
+.admin .settings .button.adopt,
+.admin .settings .button.delete {
+ margin-top: -15px;
+ margin-bottom: -15px;
+}
+
+.admin .settings .button.adopt .label,
+.admin .settings .button.delete .label {
+ vertical-align: middle;
+}
+
+.admin.user .email {
+ max-width: 200px;
+}
+
+.admin dl.admin-dl-horizontal {
+ padding: 20px;
+ margin: 0;
+}
+
+.admin dl.admin-dl-horizontal dd {
+ margin-left: 275px;
+}
+
+@media (max-width: 767px) {
+ .admin dl.admin-dl-horizontal dd {
+ margin-left: 5%;
+ }
+}
+
+.admin dl.admin-dl-horizontal dt {
+ font-weight: 600;
+ float: left;
+ width: 285px;
+ clear: left;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+@media (max-width: 767px) {
+ .admin dl.admin-dl-horizontal dt {
+ width: auto;
+ margin-right: 0.5em;
+ }
+}
+
+.admin.config #test-mail-btn {
+ margin-left: 5px;
+}
+
+.admin code,
+.admin pre {
+ white-space: pre-wrap;
+ word-wrap: break-word;
+}
+
+@media (max-width: 767px) {
+ .admin #notice-table .notice-description {
+ max-width: 80vw;
+ }
+}
+
+@media (min-width: 768px) and (max-width: 991px) {
+ .admin #notice-table .notice-description {
+ max-width: 360px;
+ }
+}
+
+@media (min-width: 992px) and (max-width: 1200px) {
+ .admin #notice-table .notice-description {
+ max-width: 510px;
+ }
+}
+
+@media (min-width: 1201px) {
+ .admin #notice-table .notice-description {
+ max-width: 640px;
+ }
+}
diff --git a/web_src/less/animations.less b/web_src/css/animations.css
similarity index 100%
rename from web_src/less/animations.less
rename to web_src/css/animations.css
diff --git a/web_src/less/_base.less b/web_src/css/base.css
similarity index 77%
rename from web_src/less/_base.less
rename to web_src/css/base.css
index 1cf65e784c..2e6281391f 100644
--- a/web_src/less/_base.less
+++ b/web_src/css/base.css
@@ -7,8 +7,8 @@
--checkbox-mask-checked: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-1 -1 18 18" width="16" height="16"><path fill-rule="evenodd" d="M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z"></path></svg>');
--checkbox-mask-indeterminate: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M2 7.75A.75.75 0 012.75 7h10a.75.75 0 010 1.5h-10A.75.75 0 012 7.75z"></path></svg>');
/* non-color variables */
- --border-radius: .28571429rem;
- --opacity-disabled: .55;
+ --border-radius: 0.28571429rem;
+ --opacity-disabled: 0.55;
--height-loading: 12rem;
/* base colors */
--color-primary: #4183c4;
@@ -183,7 +183,6 @@
--color-accent: var(--color-primary-light-1);
--color-small-accent: var(--color-primary-light-6);
--color-active-line: #fffbdd;
-
accent-color: var(--color-accent);
color-scheme: light;
}
@@ -200,7 +199,7 @@ pre,
code,
kbd,
samp {
- font-size: .9em; /* compensate for monospace fonts being usually slightly larger */
+ font-size: 0.9em; /* compensate for monospace fonts being usually slightly larger */
font-family: var(--fonts-monospace);
}
@@ -226,7 +225,7 @@ body {
@supports (overflow: overlay) {
body {
- overflow: overlay; // stylelint-disable-line
+ overflow: overlay; /* stylelint-disable-line */
scrollbar-gutter: stable;
}
}
@@ -253,12 +252,15 @@ progress {
border: none;
overflow: hidden;
}
+
progress::-webkit-progress-bar {
background: var(--color-secondary-dark-1);
}
+
progress::-webkit-progress-value {
background-color: var(--color-accent);
}
+
progress::-moz-progress-bar {
background-color: var(--color-accent);
}
@@ -272,17 +274,21 @@ progress::-moz-progress-bar {
width: 10px;
height: 10px;
}
+
::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 0 6px var(--color-primary);
border: 2px solid transparent;
border-radius: 5px !important;
}
+
::-webkit-scrollbar-thumb:window-inactive {
box-shadow: inset 0 0 0 6px var(--color-primary);
}
+
::-webkit-scrollbar-thumb:hover {
box-shadow: inset 0 0 0 6px var(--color-primary-dark-2);
}
+
::-webkit-scrollbar-corner {
background: transparent;
}
@@ -293,6 +299,7 @@ progress::-moz-progress-bar {
background: var(--color-light);
border-radius: var(--border-radius);
}
+
::file-selector-button:hover {
color: var(--color-text);
background: var(--color-hover);
@@ -310,6 +317,17 @@ progress::-moz-progress-bar {
opacity: 1 !important;
}
+.unselectable,
+.button,
+.lines-num,
+.lines-commit,
+.lines-commit .blame-info,
+.ellipsis-button {
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ user-select: none;
+}
+
a,
.ui.breadcrumb a {
color: var(--color-primary);
@@ -350,15 +368,18 @@ a.label,
.ui.red.buttons .button {
background: var(--color-red);
}
+
.ui.red.button:hover,
.ui.red.buttons .button:hover {
background: var(--color-red-light);
}
+
.ui.basic.red.buttons .button,
.ui.basic.red.button {
color: var(--color-red);
border-color: var(--color-red);
}
+
.ui.basic.red.buttons .button:hover,
.ui.basic.red.button:hover {
color: var(--color-red-light);
@@ -371,15 +392,18 @@ a.label,
.ui.orange.buttons .button {
background: var(--color-orange);
}
+
.ui.orange.button:hover,
.ui.orange.buttons .button:hover {
background: var(--color-orange-light);
}
+
.ui.basic.orange.buttons .button,
.ui.basic.orange.button {
color: var(--color-orange);
border-color: var(--color-orange);
}
+
.ui.basic.orange.buttons .button:hover,
.ui.basic.orange.button:hover {
color: var(--color-orange-light);
@@ -392,15 +416,18 @@ a.label,
.ui.yellow.buttons .button {
background: var(--color-yellow);
}
+
.ui.yellow.button:hover,
.ui.yellow.buttons .button:hover {
background: var(--color-yellow-light);
}
+
.ui.basic.yellow.buttons .button,
.ui.basic.yellow.button {
color: var(--color-yellow);
border-color: var(--color-yellow);
}
+
.ui.basic.yellow.buttons .button:hover,
.ui.basic.yellow.button:hover {
color: var(--color-yellow-light);
@@ -413,15 +440,18 @@ a.label,
.ui.olive.buttons .button {
background: var(--color-olive);
}
+
.ui.olive.button:hover,
.ui.olive.buttons .button:hover {
background: var(--color-olive-light);
}
+
.ui.basic.olive.buttons .button,
.ui.basic.olive.button {
color: var(--color-olive);
border-color: var(--color-olive);
}
+
.ui.basic.olive.buttons .button:hover,
.ui.basic.olive.button:hover {
color: var(--color-olive-light);
@@ -434,15 +464,18 @@ a.label,
.ui.green.buttons .button {
background: var(--color-green);
}
+
.ui.green.button:hover,
.ui.green.buttons .button:hover {
background: var(--color-green-light);
}
+
.ui.basic.green.buttons .button,
.ui.basic.green.button {
color: var(--color-green);
border-color: var(--color-green);
}
+
.ui.basic.green.buttons .button:hover,
.ui.basic.green.button:hover {
color: var(--color-green-light);
@@ -455,15 +488,18 @@ a.label,
.ui.teal.buttons .button {
background: var(--color-teal);
}
+
.ui.teal.button:hover,
.ui.teal.buttons .button:hover {
background: var(--color-teal-light);
}
+
.ui.basic.teal.buttons .button,
.ui.basic.teal.button {
color: var(--color-teal);
border-color: var(--color-teal);
}
+
.ui.basic.teal.buttons .button:hover,
.ui.basic.teal.button:hover {
color: var(--color-teal-light);
@@ -476,15 +512,18 @@ a.label,
.ui.blue.buttons .button {
background: var(--color-blue);
}
+
.ui.blue.button:hover,
.ui.blue.buttons .button:hover {
background: var(--color-blue-light);
}
+
.ui.basic.blue.buttons .button,
.ui.basic.blue.button {
color: var(--color-blue);
border-color: var(--color-blue);
}
+
.ui.basic.blue.buttons .button:hover,
.ui.basic.blue.button:hover {
color: var(--color-blue-light);
@@ -497,15 +536,18 @@ a.label,
.ui.violet.buttons .button {
background: var(--color-violet);
}
+
.ui.violet.button:hover,
.ui.violet.buttons .button:hover {
background: var(--color-violet-light);
}
+
.ui.basic.violet.buttons .button,
.ui.basic.violet.button {
color: var(--color-violet);
border-color: var(--color-violet);
}
+
.ui.basic.violet.buttons .button:hover,
.ui.basic.violet.button:hover {
color: var(--color-violet-light);
@@ -518,15 +560,18 @@ a.label,
.ui.purple.buttons .button {
background: var(--color-purple);
}
+
.ui.purple.button:hover,
.ui.purple.buttons .button:hover {
background: var(--color-purple-light);
}
+
.ui.basic.purple.buttons .button,
.ui.basic.purple.button {
color: var(--color-purple);
border-color: var(--color-purple);
}
+
.ui.basic.purple.buttons .button:hover,
.ui.basic.purple.button:hover {
color: var(--color-purple-light);
@@ -539,15 +584,18 @@ a.label,
.ui.pink.buttons .button {
background: var(--color-pink);
}
+
.ui.pink.button:hover,
.ui.pink.buttons .button:hover {
background: var(--color-pink-light);
}
+
.ui.basic.pink.buttons .button,
.ui.basic.pink.button {
color: var(--color-pink);
border-color: var(--color-pink);
}
+
.ui.basic.pink.buttons .button:hover,
.ui.basic.pink.button:hover {
color: var(--color-pink-light);
@@ -560,15 +608,18 @@ a.label,
.ui.brown.buttons .button {
background: var(--color-brown);
}
+
.ui.brown.button:hover,
.ui.brown.buttons .button:hover {
background: var(--color-brown-light);
}
+
.ui.basic.brown.buttons .button,
.ui.basic.brown.button {
color: var(--color-brown);
border-color: var(--color-brown);
}
+
.ui.basic.brown.buttons .button:hover,
.ui.basic.brown.button:hover {
color: var(--color-brown-light);
@@ -581,15 +632,18 @@ a.label,
.ui.grey.buttons .button {
background: var(--color-grey);
}
+
.ui.grey.button:hover,
.ui.grey.buttons .button:hover {
background: var(--color-grey-light);
}
+
.ui.basic.grey.buttons .button,
.ui.basic.grey.button {
color: var(--color-grey);
border-color: var(--color-grey);
}
+
.ui.basic.grey.buttons .button:hover,
.ui.basic.grey.button:hover {
color: var(--color-grey-light);
@@ -602,15 +656,18 @@ a.label,
.ui.black.buttons .button {
background: var(--color-black);
}
+
.ui.black.button:hover,
.ui.black.buttons .button:hover {
background: var(--color-black-light);
}
+
.ui.basic.black.buttons .button,
.ui.basic.black.button {
color: var(--color-black);
border-color: var(--color-black);
}
+
.ui.basic.black.buttons .button:hover,
.ui.basic.black.button:hover {
color: var(--color-black-light);
@@ -664,21 +721,12 @@ a.label,
background: var(--color-hover);
}
-.unselectable {
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- user-select: none;
-}
-
-.button {
- &:extend(.unselectable);
-}
-
.issue-title code {
padding: 2px 4px;
border-radius: 6px;
background-color: var(--color-markup-code-block);
}
+
/* try to match button with no icons in height */
.icon-button {
padding-top: 7.42px !important;
@@ -720,10 +768,10 @@ a.label,
/* currently used for search bar dropdowns in repo search and explore code */
.ui.action.input:not([class*="left action"]) > .ui.dropdown.selection {
min-width: 10em;
+}
- &:not(:focus,:hover) {
- border-right-color: transparent;
- }
+.ui.action.input:not([class*="left action"]) > .ui.dropdown.selection:not(:focus,:hover) {
+ border-right-color: transparent;
}
.ui.action.input:not([class*="left action"]) > input:focus {
@@ -738,10 +786,11 @@ a.label,
.ui.menu .item {
color: var(--color-text);
+ user-select: auto;
+}
- > .svg {
- margin-right: .35em;
- }
+.ui.menu .item > .svg {
+ margin-right: 0.35em;
}
.ui.menu .item > .label {
@@ -812,11 +861,12 @@ a.label,
/* fix misaligned images in webhook dropdown */
.ui.dropdown .menu > .item > img {
- margin-top: -.25rem;
- margin-bottom: -.25rem;
+ margin-top: -0.25rem;
+ margin-bottom: -0.25rem;
}
+
.ui.dropdown .menu > .item > svg.img {
- margin-right: .78571429rem;
+ margin-right: 0.78571429rem;
}
.ui.selection.dropdown .menu > .item {
@@ -871,8 +921,8 @@ a.label,
}
.ui.secondary.menu.tight .item {
- padding-left: .85714286em;
- padding-right: .85714286em;
+ padding-left: 0.85714286em;
+ padding-right: 0.85714286em;
}
.ui.menu .dropdown.item .menu {
@@ -1179,7 +1229,7 @@ a.ui.card:hover,
}
/* enable fluid page widths for medium size viewports */
-@media @mediaMdAndUp and @mediaLgAndDown {
+@media (min-width: 768px) and (max-width: 1200px) {
.ui.ui.ui.container:not(.fluid) {
width: calc(100vw - 3em);
}
@@ -1189,83 +1239,79 @@ a.ui.card:hover,
z-index: 900;
left: 0;
margin: 0 !important;
+}
- &.light {
- background: var(--color-header-bar);
- border-bottom: 1px solid var(--color-secondary);
- }
+.following.bar.light {
+ background: var(--color-header-bar);
+ border-bottom: 1px solid var(--color-secondary);
+}
- .column .menu {
- margin-top: 0;
- }
+.following.bar .column .menu {
+ margin-top: 0;
+}
- .top.menu a.item.brand {
- padding-left: 0;
- }
+.following.bar .top.menu a.item.brand {
+ padding-left: 0;
+}
- .top.menu a.item:hover,
- .top.menu .dropdown.item:hover,
- .top.menu .dropdown.item.active {
- background-color: transparent;
- }
+.following.bar .top.menu a.item:hover,
+.following.bar .top.menu .dropdown.item:hover,
+.following.bar .top.menu .dropdown.item.active {
+ background-color: transparent;
+}
- .top.menu a.item:hover {
- color: rgba(0, 0, 0, .45);
- }
+.following.bar .top.menu a.item:hover {
+ color: rgba(0, 0, 0, 0.45);
+}
- .top.menu .menu {
- z-index: 900;
- }
+.following.bar .top.menu .menu {
+ z-index: 900;
+}
- .fitted .svg {
- margin-right: 0;
- vertical-align: middle;
- }
+.following.bar .fitted .svg {
+ margin-right: 0;
+ vertical-align: middle;
+}
- .searchbox {
- background-color: var(--color-input-background) !important;
- }
+.following.bar .searchbox {
+ background-color: var(--color-input-background) !important;
+}
- .text .svg {
- width: 16px;
- text-align: center;
- }
+.following.bar .text .svg {
+ width: 16px;
+ text-align: center;
+}
- #navbar {
- width: 100vw;
- min-height: 52px;
- padding: 0 .5rem;
- }
+.following.bar #navbar {
+ width: 100vw;
+ min-height: 52px;
+ padding: 0 0.5rem;
+}
- #navbar .brand {
- margin: 0;
- }
+.following.bar #navbar .brand {
+ margin: 0;
+}
- #navbar .dropdown .avatar {
- margin-right: 0 !important;
- }
+.following.bar #navbar .dropdown .avatar {
+ margin-right: 0 !important;
+}
- @media @mediaSm {
- #navbar:not(.shown) > *:not(:first-child) {
- display: none;
- }
+@media (max-width: 767px) {
+ .following.bar #navbar:not(.shown) > *:not(:first-child) {
+ display: none;
}
}
.right.stackable.menu {
- // responsive fix: this makes sure that the right menu when the page
- // is on mobile view will have elements stacked on top of each other.
- // no, stackable won't work on right menus.
+ /* responsive fix: this makes sure that the right menu when the page */
+ /* is on mobile view will have elements stacked on top of each other. */
+ /* no, stackable won't work on right menus. */
margin-left: auto;
display: flex;
align-items: inherit;
flex-direction: inherit;
}
-.ui.dropdown .menu {
- border-color: var(--color-secondary);
-}
-
.ui.pagination.menu .active.item {
color: var(--color-text);
background: var(--color-active);
@@ -1282,7 +1328,7 @@ a.ui.card:hover,
.ui.loading.form > *,
.ui.loading.segment > * {
- opacity: .35;
+ opacity: 0.35;
}
.ui.form .fields.error .field textarea,
@@ -1358,8 +1404,8 @@ a.ui.card:hover,
border-color: var(--color-error-border) !important;
}
-// A fix for text visibility issue in Chrome autofill in dark mode.
-// It's a problem from Formatic UI, and this rule overrides it.
+/* A fix for text visibility issue in Chrome autofill in dark mode. */
+/* It's a problem from Formatic UI, and this rule overrides it. */
.ui.form .field.field input:-webkit-autofill {
-webkit-text-fill-color: var(--color-black) !important;
}
@@ -1372,361 +1418,375 @@ a.ui.card:hover,
visibility: hidden;
}
-.text.primary { color: var(--color-primary) !important; }
-.text.red { color: var(--color-red) !important; }
-.text.orange { color: var(--color-orange) !important; }
-.text.yellow { color: var(--color-yellow) !important; }
-.text.olive { color: var(--color-olive) !important; }
-.text.green { color: var(--color-green) !important; }
-.text.teal { color: var(--color-teal) !important; }
-.text.blue { color: var(--color-blue) !important; }
-.text.violet { color: var(--color-violet) !important; }
-.text.purple { color: var(--color-purple) !important; }
-.text.pink { color: var(--color-pink) !important; }
-.text.brown { color: var(--color-brown) !important; }
-.text.black { color: var(--color-text) !important; }
-.text.grey { color: var(--color-text-light) !important; }
-.text.light.grey { color: var(--color-grey-light) !important; }
-.text.gold { color: var(--color-gold) !important; }
+.text.primary {
+ color: var(--color-primary) !important;
+}
-.ui {
- &.left:not(.action) {
- float: left;
- }
+.text.red {
+ color: var(--color-red) !important;
+}
- &.right:not(.action) {
- float: right;
- }
+.text.orange {
+ color: var(--color-orange) !important;
+}
- &.menu .item {
- user-select: auto;
- }
+.text.yellow {
+ color: var(--color-yellow) !important;
+}
- &.container {
- &.fluid {
- &.padded {
- padding: 0 10px;
- }
- }
- }
+.text.olive {
+ color: var(--color-olive) !important;
+}
- &.form {
- .ui.button {
- font-weight: normal;
- }
- }
+.text.green {
+ color: var(--color-green) !important;
+}
- &.floating.label {
- z-index: 10;
- }
+.text.teal {
+ color: var(--color-teal) !important;
+}
- &.transparent.label {
- background-color: transparent;
- }
+.text.blue {
+ color: var(--color-blue) !important;
+}
- &.menu,
- &.vertical.menu,
- &.segment {
- box-shadow: none;
- }
+.text.violet {
+ color: var(--color-violet) !important;
+}
- /* Override semantic selector '.ui.menu:not(.vertical) .item > .button' */
- /* This fixes the commit graph button on the commits page */
+.text.purple {
+ color: var(--color-purple) !important;
+}
- .menu:not(.vertical) .item > .button.compact {
- padding: .58928571em 1.125em;
- }
+.text.pink {
+ color: var(--color-pink) !important;
+}
- .menu:not(.vertical) .item > .button.small {
- font-size: .92857143rem;
- }
+.text.brown {
+ color: var(--color-brown) !important;
+}
- &.menu .ui.dropdown.item .menu .item {
- width: 100%;
- }
+.text.black {
+ color: var(--color-text) !important;
+}
- &.dropdown .menu > .item > .floating.label {
- z-index: 11;
- }
+.text.grey {
+ color: var(--color-text-light) !important;
+}
- &.dropdown .menu .menu > .item > .floating.label {
- z-index: 21;
- }
+.text.light.grey {
+ color: var(--color-grey-light) !important;
+}
- &.dropdown .menu > .header {
- font-size: .8em;
- }
+.text.gold {
+ color: var(--color-gold) !important;
+}
- .text {
- &.left {
- text-align: left !important;
- }
+.ui.left:not(.action) {
+ float: left;
+}
- &.right {
- text-align: right !important;
- }
+.ui.right:not(.action) {
+ float: right;
+}
- &.small {
- font-size: .75em;
- }
+.ui.container.fluid.padded {
+ padding: 0 10px;
+}
- &.normal {
- font-weight: normal;
- }
+.ui.form .ui.button {
+ font-weight: normal;
+}
- &.italic {
- font-style: italic;
- }
+.ui.floating.label {
+ z-index: 10;
+}
- &.truncate {
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- display: inline-block;
- }
+.ui.transparent.label {
+ background-color: transparent;
+}
- &.thin {
- font-weight: normal;
- }
+.ui.menu,
+.ui.vertical.menu,
+.ui.segment {
+ box-shadow: none;
+}
- &.middle {
- vertical-align: middle;
- }
- }
+/* Override semantic selector '.ui.menu:not(.vertical) .item > .button' */
+/* This fixes the commit graph button on the commits page */
+/* modal svg icons, copied from fomantic except width and height */
+/* center text in fomantic modal dialogs */
+.ui .menu:not(.vertical) .item > .button.compact {
+ padding: 0.58928571em 1.125em;
+}
- .message {
- text-align: center;
- }
+.ui .menu:not(.vertical) .item > .button.small {
+ font-size: 0.92857143rem;
+}
- .message > ul {
- margin-left: auto;
- margin-right: auto;
- display: table;
- text-align: left;
- }
+.ui.menu .ui.dropdown.item .menu .item {
+ width: 100%;
+}
- .header > i + .content {
- padding-left: .75rem;
- vertical-align: middle;
- }
+.ui.dropdown .menu > .item > .floating.label {
+ z-index: 11;
+}
- .info {
- &.segment {
- &.top {
- h3,
- h4 {
- margin-top: 0;
- }
+.ui.dropdown .menu .menu > .item > .floating.label {
+ z-index: 21;
+}
- h3:last-child {
- margin-top: 4px;
- }
+.ui.dropdown .menu > .header {
+ font-size: 0.8em;
+}
- > :last-child {
- margin-bottom: 0;
- }
- }
- }
- }
+.ui .text.left {
+ text-align: left !important;
+}
- .normal.header {
- font-weight: normal;
- }
+.ui .text.right {
+ text-align: right !important;
+}
- .form {
- .autofill-dummy {
- position: absolute;
- width: 1px;
- height: 1px;
- overflow: hidden;
- z-index: -10000;
- }
- .sub.field {
- margin-left: 25px;
- }
- }
+.ui .text.small {
+ font-size: 0.75em;
+}
- .sha.label {
- font-family: var(--fonts-monospace);
- font-size: 13px;
- padding: 6px 10px 4px;
- font-weight: normal;
- margin: 0 6px;
- }
+.ui .text.normal {
+ font-weight: normal;
+}
- .button.copy-commit-sha {
- border: 1px solid var(--color-light-border);
- margin-right: 3px;
- padding: 6px 6px 4px;
- background: var(--color-light);
- }
+.ui .text.italic {
+ font-style: italic;
+}
- .button.truncate {
- display: inline-block;
- max-width: 100%;
- overflow: hidden;
- text-overflow: ellipsis;
- vertical-align: top;
- white-space: nowrap;
- margin-right: 6px;
- }
+.ui .text.truncate {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ display: inline-block;
+}
- &.status.buttons {
- .svg {
- margin-right: 4px;
- }
- }
+.ui .text.thin {
+ font-weight: normal;
+}
- &.inline.delete-button {
- padding: 8px 15px;
- font-weight: normal;
- }
+.ui .text.middle {
+ vertical-align: middle;
+}
- .background {
- &.red {
- background-color: var(--color-red) !important;
- }
+.ui .message {
+ text-align: center;
+}
- &.blue {
- background-color: var(--color-blue) !important;
- }
+.ui .message > ul {
+ margin-left: auto;
+ margin-right: auto;
+ display: table;
+ text-align: left;
+}
- &.black {
- background-color: var(--color-black) !important;
- }
+.ui .header > i + .content {
+ padding-left: 0.75rem;
+ vertical-align: middle;
+}
- &.grey {
- background-color: var(--color-grey) !important;
- }
+.ui .info.segment.top h3,
+.ui .info.segment.top h4 {
+ margin-top: 0;
+}
- &.light.grey {
- background-color: var(--color-grey) !important;
- }
+.ui .info.segment.top h3:last-child {
+ margin-top: 4px;
+}
- &.green {
- background-color: var(--color-green) !important;
- }
+.ui .info.segment.top > :last-child {
+ margin-bottom: 0;
+}
- &.purple {
- background-color: var(--color-purple) !important;
- }
+.ui .normal.header {
+ font-weight: normal;
+}
- &.yellow {
- background-color: var(--color-yellow) !important;
- }
+.ui .form .autofill-dummy {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ overflow: hidden;
+ z-index: -10000;
+}
- &.orange {
- background-color: var(--color-orange) !important;
- }
+.ui .form .sub.field {
+ margin-left: 25px;
+}
- &.gold {
- background-color: var(--color-gold) !important;
- }
- }
+.ui .sha.label {
+ font-family: var(--fonts-monospace);
+ font-size: 13px;
+ padding: 6px 10px 4px;
+ font-weight: normal;
+ margin: 0 6px;
+}
- .migrate {
- color: var(--color-text-light-2) !important;
+.ui .button.copy-commit-sha {
+ border: 1px solid var(--color-light-border);
+ margin-right: 3px;
+ padding: 6px 6px 4px;
+ background: var(--color-light);
+}
- a {
- color: var(--color-text-light) !important;
+.ui .button.truncate {
+ display: inline-block;
+ max-width: 100%;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ vertical-align: top;
+ white-space: nowrap;
+ margin-right: 6px;
+}
- &:hover {
- color: var(--color-text) !important;
- }
- }
- }
+.ui.status.buttons .svg {
+ margin-right: 4px;
+}
- .border {
- border: 1px solid;
- &.red {
- border-color: var(--color-red) !important;
- }
+.ui.inline.delete-button {
+ padding: 8px 15px;
+ font-weight: normal;
+}
- &.blue {
- border-color: var(--color-blue) !important;
- }
+.ui .background.red {
+ background-color: var(--color-red) !important;
+}
- &.black {
- border-color: var(--color-black) !important;
- }
+.ui .background.blue {
+ background-color: var(--color-blue) !important;
+}
- &.grey {
- border-color: var(--color-grey) !important;
- }
+.ui .background.black {
+ background-color: var(--color-black) !important;
+}
- &.light.grey {
- border-color: var(--color-grey) !important;
- }
+.ui .background.grey {
+ background-color: var(--color-grey) !important;
+}
- &.green {
- border-color: var(--color-green) !important;
- }
+.ui .background.light.grey {
+ background-color: var(--color-grey) !important;
+}
- &.purple {
- border-color: var(--color-purple) !important;
- }
+.ui .background.green {
+ background-color: var(--color-green) !important;
+}
- &.yellow {
- border-color: var(--color-yellow) !important;
- }
+.ui .background.purple {
+ background-color: var(--color-purple) !important;
+}
- &.orange {
- border-color: var(--color-orange) !important;
- }
+.ui .background.yellow {
+ background-color: var(--color-yellow) !important;
+}
- &.gold {
- border-color: var(--color-gold) !important;
- }
- }
+.ui .background.orange {
+ background-color: var(--color-orange) !important;
+}
- .branch-tag-choice {
- line-height: 20px;
- }
+.ui .background.gold {
+ background-color: var(--color-gold) !important;
+}
- &.pagination.menu {
- @media @mediaSm {
- .item:not(.active,.navigation),
- .item.navigation span.navigation_label {
- display: none;
- }
- }
- &.narrow .item {
- padding-left: 8px;
- padding-right: 8px;
- min-width: 1em;
- text-align: center;
- .icon {
- margin-right: 0;
- }
- }
- }
+.ui .migrate {
+ color: var(--color-text-light-2) !important;
+}
- /* modal svg icons, copied from fomantic except width and height */
- &.icon.header svg {
- width: 3em;
- height: 3em;
- float: none;
- display: block;
- line-height: 1;
- padding: 0;
- margin: 0 auto .5rem;
- opacity: 1;
- }
+.ui .migrate a {
+ color: var(--color-text-light) !important;
+}
- /* center text in fomantic modal dialogs */
- &.modal > .content {
- text-align: center;
+.ui .migrate a:hover {
+ color: var(--color-text) !important;
+}
+
+.ui .border {
+ border: 1px solid;
+}
+
+.ui .border.red {
+ border-color: var(--color-red) !important;
+}
+
+.ui .border.blue {
+ border-color: var(--color-blue) !important;
+}
+
+.ui .border.black {
+ border-color: var(--color-black) !important;
+}
+
+.ui .border.grey {
+ border-color: var(--color-grey) !important;
+}
+
+.ui .border.light.grey {
+ border-color: var(--color-grey) !important;
+}
+
+.ui .border.green {
+ border-color: var(--color-green) !important;
+}
+
+.ui .border.purple {
+ border-color: var(--color-purple) !important;
+}
+
+.ui .border.yellow {
+ border-color: var(--color-yellow) !important;
+}
+
+.ui .border.orange {
+ border-color: var(--color-orange) !important;
+}
+
+.ui .border.gold {
+ border-color: var(--color-gold) !important;
+}
+
+.ui .branch-tag-choice {
+ line-height: 20px;
+}
+
+@media (max-width: 767px) {
+ .ui.pagination.menu .item:not(.active,.navigation),
+ .ui.pagination.menu .item.navigation span.navigation_label {
+ display: none;
}
}
-.ui.floating.dropdown {
- .overflow.menu {
- .scrolling.menu.items {
- border-radius: 0 !important;
- box-shadow: none !important;
- border-bottom: 1px solid var(--color-secondary);
- }
- }
+.ui.pagination.menu.narrow .item {
+ padding-left: 8px;
+ padding-right: 8px;
+ min-width: 1em;
+ text-align: center;
+}
+
+.ui.pagination.menu.narrow .item .icon {
+ margin-right: 0;
+}
+
+.ui.icon.header svg {
+ width: 3em;
+ height: 3em;
+ float: none;
+ display: block;
+ line-height: 1;
+ padding: 0;
+ margin: 0 auto 0.5rem;
+ opacity: 1;
+}
+
+.ui.floating.dropdown .overflow.menu .scrolling.menu.items {
+ border-radius: 0 !important;
+ box-shadow: none !important;
+ border-bottom: 1px solid var(--color-secondary);
}
.user-menu > .item {
@@ -1734,10 +1794,8 @@ a.ui.card:hover,
border-radius: 0 !important;
}
-.scrolling.menu {
- .item.selected {
- font-weight: 600 !important;
- }
+.scrolling.menu .item.selected {
+ font-weight: 600 !important;
}
.ui.dropdown .scrolling.menu {
@@ -1746,10 +1804,10 @@ a.ui.card:hover,
.color-preview {
display: inline-block;
- margin-left: .4em;
- height: .67em;
- width: .67em;
- border-radius: .15em;
+ margin-left: 0.4em;
+ height: 0.67em;
+ width: 0.67em;
+ border-radius: 0.15em;
}
.attention-icon {
@@ -1772,70 +1830,73 @@ footer {
width: 100%;
flex-basis: 40px;
color: var(--color-text-light);
+}
- .container {
- width: 100vw !important;
- padding: 0 .5rem;
- max-width: calc(100vw - 1rem) !important;
+footer .container {
+ width: 100vw !important;
+ padding: 0 0.5rem;
+ max-width: calc(100vw - 1rem) !important;
+}
- .links > * {
- border-left: 1px solid var(--color-secondary-dark-1);
- padding-left: 8px;
- margin-left: 5px;
+footer .container .links > * {
+ border-left: 1px solid var(--color-secondary-dark-1);
+ padding-left: 8px;
+ margin-left: 5px;
+}
- &:first-child {
- border-left: 0;
- }
- }
- }
+footer .container .links > *:first-child {
+ border-left: 0;
+}
- .ui.language {
- .menu {
- max-height: 500px;
- overflow-y: auto;
- margin-bottom: 7px;
- }
+footer .ui.language .menu {
+ max-height: 500px;
+ overflow-y: auto;
+ margin-bottom: 7px;
+}
- .svg {
- margin-right: .15em;
- vertical-align: top;
- margin-top: calc(2em - 16px);
- }
- }
+footer .ui.language .svg {
+ margin-right: 0.15em;
+ vertical-align: top;
+ margin-top: calc(2em - 16px);
+}
- .ui {
- &.left,
- &.right {
- line-height: 39px; // there is a border-top on the footer, so make the line-height 1px less
- }
- }
+footer .ui.left,
+footer .ui.right {
+ line-height: 39px; /* there is a border-top on the footer, so make the line-height 1px less */
}
.center:not(.popup) {
text-align: center;
}
-// Conditional display
-@media @mediaMdAndUp {
+/* Conditional display */
+@media (min-width: 768px) {
.mobile-only,
.ui.button.mobile-only {
display: none !important;
}
- // has the same behaviour of sr-only, hiding the content for
- // non-screenreaders, but is shown on mobile devices.
+ /* has the same behaviour of sr-only, hiding the content for */
+ /* non-screenreaders, but is shown on mobile devices. */
.sr-mobile-only {
- .sr-only();
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ margin: -1px;
+ overflow: hidden;
+ clip: rect(0, 0, 0, 0);
+ border: 0;
}
}
-@media @mediaSm {
+@media (max-width: 767px) {
.not-mobile {
display: none !important;
}
}
-// Accessibility
+/* Accessibility for screen readers */
.sr-only {
position: absolute;
width: 1px;
@@ -1857,7 +1918,7 @@ footer {
clip: auto;
}
-@media @mediaMd {
+@media (min-width: 768px) and (max-width: 991px) {
.ui.container {
width: 95%;
}
@@ -1897,7 +1958,7 @@ footer {
margin: 0 !important;
}
-@media @mediaSm {
+@media (max-width: 767px) {
.ui.menu.new-menu .item {
width: auto !important;
}
@@ -1937,7 +1998,6 @@ footer {
border-bottom-width: 0 !important;
margin-bottom: 2px !important;
justify-content: space-evenly;
-
}
.ui.secondary.pointing.menu.repos-filter .item {
@@ -1952,19 +2012,19 @@ footer {
flex: 1;
word-break: break-all;
color: var(--color-text-light);
+}
- .avatar {
- width: 32px !important;
- height: 32px !important;
- }
+.repo-title .avatar {
+ width: 32px !important;
+ height: 32px !important;
+}
- .labels {
- margin-left: .5rem;
+.repo-title .labels {
+ margin-left: 0.5rem;
+}
- > * + * {
- margin-left: .5rem;
- }
- }
+.repo-title .labels > * + * {
+ margin-left: 0.5rem;
}
.repo-icon {
@@ -1992,16 +2052,16 @@ footer {
.inline-grouped-list {
display: inline-block;
vertical-align: top;
+}
- > .ui {
- display: block;
- margin-top: 5px;
- margin-bottom: 10px;
+.inline-grouped-list > .ui {
+ display: block;
+ margin-top: 5px;
+ margin-bottom: 10px;
+}
- &:first-child {
- margin-top: 1px;
- }
- }
+.inline-grouped-list > .ui:first-child {
+ margin-top: 1px;
}
i.icons .icon:first-child {
@@ -2013,7 +2073,7 @@ i.icon.centerlock {
}
.ui.label {
- padding: .3em .5em;
+ padding: 0.3em 0.5em;
background: var(--color-light);
color: var(--color-text-light);
}
@@ -2026,7 +2086,7 @@ a.ui.label:hover {
}
.ui.label > .detail .icons {
- margin-right: .25em;
+ margin-right: 0.25em;
}
.ui.label > .detail .icons .icon {
@@ -2042,29 +2102,24 @@ a.ui.label:hover {
}
.lines-num {
- &:extend(.unselectable);
padding-left: 10px;
padding-right: 10px;
text-align: right !important;
color: var(--color-text-light-1);
width: 1%;
font-family: var(--fonts-monospace);
+}
- span {
- &.bottom-line {
- &::after {
- border-bottom: 1px solid var(--color-secondary);
- }
- }
+.lines-num span.bottom-line::after {
+ border-bottom: 1px solid var(--color-secondary);
+}
- &::after {
- content: attr(data-line-number);
- line-height: 20px !important;
- padding: 0 10px;
- cursor: pointer;
- display: block;
- }
- }
+.lines-num span::after {
+ content: attr(data-line-number);
+ line-height: 20px !important;
+ padding: 0 10px;
+ cursor: pointer;
+ display: block;
}
.lines-type-marker {
@@ -2079,19 +2134,24 @@ a.ui.label:hover {
padding-top: 0;
padding-bottom: 0;
vertical-align: top;
+}
- pre,
- ol {
- background-color: inherit;
- margin: 0;
- padding: 0 !important;
+.lines-num pre,
+.lines-code pre,
+.lines-num ol,
+.lines-code ol {
+ background-color: inherit;
+ margin: 0;
+ padding: 0 !important;
+}
- li {
- display: block;
- width: calc(100% - 1ch);
- padding-left: 1ch;
- }
- }
+.lines-num pre li,
+.lines-code pre li,
+.lines-num ol li,
+.lines-code ol li {
+ display: block;
+ width: calc(100% - 1ch);
+ padding-left: 1ch;
}
.lines-escape {
@@ -2131,64 +2191,61 @@ a.ui.label:hover {
}
.lines-commit {
- &:extend(.unselectable);
vertical-align: top;
color: var(--color-grey);
padding: 0 !important;
background: var(--color-code-sidebar-bg);
width: 1%;
+}
- .blame-info {
- &:extend(.unselectable);
- width: 350px;
- max-width: 350px;
- display: block;
- padding: 0 0 0 10px;
- line-height: 20px;
- box-sizing: content-box;
+.lines-commit .blame-info {
+ width: 350px;
+ max-width: 350px;
+ display: block;
+ padding: 0 0 0 10px;
+ line-height: 20px;
+ box-sizing: content-box;
+}
- .blame-data {
- display: flex;
- font-family: var(--fonts-regular);
+.lines-commit .blame-info .blame-data {
+ display: flex;
+ font-family: var(--fonts-regular);
+}
- .blame-message {
- flex-grow: 2;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- }
+.lines-commit .blame-info .blame-data .blame-message {
+ flex-grow: 2;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+}
- .blame-time,
- .blame-avatar {
- flex-shrink: 0;
- }
- }
- }
+.lines-commit .blame-info .blame-data .blame-time,
+.lines-commit .blame-info .blame-data .blame-avatar {
+ flex-shrink: 0;
+}
- .ui.avatar {
- height: 18px;
- width: 18px;
- display: block;
- margin-top: 1px;
- }
+.lines-commit .ui.avatar {
+ height: 18px;
+ width: 18px;
+ display: block;
+ margin-top: 1px;
}
.top-line-blame {
border-top: 1px solid var(--color-secondary);
}
-.lines-code,
-.lines-commit {
- .bottom-line {
- border-bottom: 1px solid var(--color-secondary);
- }
+.lines-code .bottom-line,
+.lines-commit .bottom-line {
+ border-bottom: 1px solid var(--color-secondary);
}
+
.code-view table {
width: 100%;
}
.octicon-tiny {
- font-size: .85714286rem;
+ font-size: 0.85714286rem;
}
.ui.button {
@@ -2362,16 +2419,16 @@ a.ui.basic.label:hover {
height: 2.1666em !important;
}
-.svg {
- span.green & {
- color: var(--color-green);
- }
- span.red & {
- color: var(--color-red);
- }
- span.purple & {
- color: var(--color-purple);
- }
+span.green .svg {
+ color: var(--color-green);
+}
+
+span.red .svg {
+ color: var(--color-red);
+}
+
+span.purple .svg {
+ color: var(--color-purple);
}
.migrate .svg.gitea-git {
@@ -2414,17 +2471,17 @@ a.ui.basic.label:hover {
position: relative;
background: var(--color-box-header);
border-color: var(--color-secondary);
+}
- .right .button {
- padding: 8px 10px;
- font-weight: normal;
- }
+.ui.attached.header .right .button {
+ padding: 8px 10px;
+ font-weight: normal;
}
/* fix misaligned right buttons on box headers */
.ui.attached.header .right:not(.dropdown) {
position: absolute;
- right: .78571429rem;
+ right: 0.78571429rem;
top: 0;
bottom: 0;
height: 30px;
@@ -2461,25 +2518,25 @@ a.ui.basic.label:hover {
border-radius: 1em;
font-size: 10px;
font-weight: 700;
- line-height: .7;
+ line-height: 0.7;
}
-table th[data-sortt-asc],
-table th[data-sortt-desc] {
- &:hover {
- background: rgba(0, 0, 0, .1) !important;
- cursor: pointer !important;
- }
- .svg {
- margin-left: .25rem;
- }
+table th[data-sortt-asc]:hover,
+table th[data-sortt-desc]:hover {
+ background: rgba(0, 0, 0, 0.1) !important;
+ cursor: pointer !important;
+}
+
+table th[data-sortt-asc] .svg,
+table th[data-sortt-desc] .svg {
+ margin-left: 0.25rem;
}
.ui.dropdown .svg.dropdown.icon,
.svg.dropdown.icon {
- margin-top: 0 !important; // reset the "ui.selection.dropdown > .dropdown.icon {margin-top}", for the Issue Dependencies dropdown
- margin-right: -.5rem !important; // fix up SVG dropdown triangles because Fomantic thinks they are icon fonts
- height: auto; // reset the ".ui.dropdown > .dropdown.icon {height}", otherwise the icon would be too small
+ margin-top: 0 !important; /* reset the "ui.selection.dropdown > .dropdown.icon {margin-top}", for the Issue Dependencies dropdown */
+ margin-right: -0.5rem !important; /* fix up SVG dropdown triangles because Fomantic thinks they are icon fonts */
+ height: auto; /* reset the ".ui.dropdown > .dropdown.icon {height}", otherwise the icon would be too small */
}
.ui.selection.dropdown > .search.icon,
@@ -2487,6 +2544,7 @@ table th[data-sortt-desc] {
.ui.selection.dropdown > .dropdown.icon {
top: 0 !important;
}
+
.ui.dropdown.no-text > .dropdown.icon {
margin-left: 0 !important;
margin-right: 0 !important;
@@ -2515,17 +2573,19 @@ table th[data-sortt-desc] {
line-height: 1;
font-style: normal !important;
font-weight: normal !important;
- vertical-align: -.075em;
+ vertical-align: -0.075em;
+}
- @supports (-webkit-hyphens:none) {
- body:not(.safari-above125) & {
- font-size: inherit;
- vertical-align: inherit;
- img {
- font-size: 1.25em;
- vertical-align: -.225em !important;
- }
- }
+@supports (-webkit-hyphens:none) {
+ body:not(.safari-above125) .emoji,
+ body:not(.safari-above125) .reaction {
+ font-size: inherit;
+ vertical-align: inherit;
+ }
+ body:not(.safari-above125) .emoji img,
+ body:not(.safari-above125) .reaction img {
+ font-size: 1.25em;
+ vertical-align: -0.225em !important;
}
}
@@ -2535,7 +2595,7 @@ table th[data-sortt-desc] {
margin: 0 !important;
width: 1em !important;
height: 1em !important;
- vertical-align: -.15em;
+ vertical-align: -0.15em;
}
.minicolors-panel {
@@ -2545,38 +2605,38 @@ table th[data-sortt-desc] {
.labelspage {
list-style: none;
padding-top: 0;
+}
- .item {
- margin-top: 0;
- margin-right: -14px;
- margin-left: -14px;
- padding: 10px;
- border-bottom: 1px solid var(--color-secondary);
- border-top: none;
+.labelspage .item {
+ margin-top: 0;
+ margin-right: -14px;
+ margin-left: -14px;
+ padding: 10px;
+ border-bottom: 1px solid var(--color-secondary);
+ border-top: none;
+}
- a {
- font-size: 12px;
- padding-right: 10px;
- color: var(--color-text-light);
+.labelspage .item a {
+ font-size: 12px;
+ padding-right: 10px;
+ color: var(--color-text-light);
+}
- &:hover {
- color: var(--color-primary-light-2);
- }
+.labelspage .item a:hover {
+ color: var(--color-primary-light-2);
+}
- &.open-issues {
- margin-right: 30px;
- }
- }
- }
+.labelspage .item a.open-issues {
+ margin-right: 30px;
+}
- .item:last-child {
- border-bottom: none;
- padding-bottom: 0;
- }
+.labelspage .item:last-child {
+ border-bottom: none;
+ padding-bottom: 0;
+}
- .orglabel {
- opacity: .7;
- }
+.labelspage .orglabel {
+ opacity: 0.7;
}
/* https://github.com/go-gitea/gitea/pull/11486 */
@@ -2631,7 +2691,7 @@ table th[data-sortt-desc] {
}
.ui.header .ui.label {
- margin-left: .25rem;
+ margin-left: 0.25rem;
}
.ui.header > .ui.label.compact {
@@ -2654,7 +2714,6 @@ table th[data-sortt-desc] {
}
.ellipsis-button {
- &:extend(.unselectable);
padding: 0 5px 8px !important;
display: inline-block !important;
font-weight: 600 !important;
@@ -2667,8 +2726,8 @@ table th[data-sortt-desc] {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
- margin-top: -.5em;
- margin-bottom: -.5em;
+ margin-top: -0.5em;
+ margin-bottom: -0.5em;
}
.precolors {
@@ -2676,32 +2735,29 @@ table th[data-sortt-desc] {
padding-right: 0 !important;
margin: 3px 10px auto !important;
width: 120px !important;
-
- .color {
- float: left;
- width: 15px;
- height: 15px;
- }
}
-@media @mediaSm {
+.precolors .color {
+ float: left;
+ width: 15px;
+ height: 15px;
+}
+
+@media (max-width: 767px) {
.ui.stackable.menu:not(.no-vertical-tabs) {
overflow-y: hidden;
overflow-x: auto;
flex-direction: row;
flex-wrap: nowrap !important;
-
- .item {
- width: initial !important;
- }
-
- > .dropdown.item {
- position: initial;
- }
-
- .menu {
- flex-direction: row;
- }
+ }
+ .ui.stackable.menu:not(.no-vertical-tabs) .item {
+ width: initial !important;
+ }
+ .ui.stackable.menu:not(.no-vertical-tabs) > .dropdown.item {
+ position: initial;
+ }
+ .ui.stackable.menu:not(.no-vertical-tabs) .menu {
+ flex-direction: row;
}
}
diff --git a/web_src/less/chroma/base.less b/web_src/css/chroma/base.css
similarity index 87%
rename from web_src/less/chroma/base.less
rename to web_src/css/chroma/base.css
index 597ee2a72d..bfd49db7a4 100644
--- a/web_src/less/chroma/base.less
+++ b/web_src/css/chroma/base.css
@@ -29,14 +29,14 @@
/* LineNumbersTable */
.chroma .lnt {
- margin-right: .4em;
- padding: 0 .4em;
+ margin-right: 0.4em;
+ padding: 0 0.4em;
}
/* LineNumbers */
.chroma .ln {
- margin-right: .4em;
- padding: 0 .4em;
+ margin-right: 0.4em;
+ padding: 0 0.4em;
}
/* GenericStrong */
diff --git a/web_src/less/chroma/dark.less b/web_src/css/chroma/dark.css
similarity index 100%
rename from web_src/less/chroma/dark.less
rename to web_src/css/chroma/dark.css
diff --git a/web_src/less/chroma/light.less b/web_src/css/chroma/light.css
similarity index 100%
rename from web_src/less/chroma/light.less
rename to web_src/css/chroma/light.css
diff --git a/web_src/less/code/linebutton.less b/web_src/css/code/linebutton.css
similarity index 100%
rename from web_src/less/code/linebutton.less
rename to web_src/css/code/linebutton.css
diff --git a/web_src/less/codemirror/base.less b/web_src/css/codemirror/base.css
similarity index 71%
rename from web_src/less/codemirror/base.less
rename to web_src/css/codemirror/base.css
index db0a93f4c7..b435fb1342 100644
--- a/web_src/less/codemirror/base.less
+++ b/web_src/css/codemirror/base.css
@@ -1,5 +1,5 @@
.ui .field:not(:last-child) .EasyMDEContainer .editor-statusbar {
- margin-bottom: -1em; // when there is a statusbar, the "margin-bottom: 1em" of the "field" is not needed, because the statusbar is likely a blank line
+ margin-bottom: -1em; /* when there is a statusbar, the "margin-bottom: 1em" of the "field" is not needed, because the statusbar is likely a blank line */
}
.EasyMDEContainer .CodeMirror {
@@ -7,15 +7,15 @@
background-color: var(--color-input-background);
border-color: var(--color-secondary);
font: 14px var(--fonts-monospace);
+}
- &.cm-s-default {
- border-radius: var(--border-radius);
- padding: 0 !important;
- }
+.EasyMDEContainer .CodeMirror.cm-s-default {
+ border-radius: var(--border-radius);
+ padding: 0 !important;
+}
- &.CodeMirror-fullscreen.CodeMirror-focused {
- border-right: 1px solid var(--color-primary) !important;
- }
+.EasyMDEContainer .CodeMirror.CodeMirror-fullscreen.CodeMirror-focused {
+ border-right: 1px solid var(--color-primary) !important;
}
.CodeMirror-cursor {
diff --git a/web_src/css/codemirror/dark.css b/web_src/css/codemirror/dark.css
new file mode 100644
index 0000000000..8a20d1c004
--- /dev/null
+++ b/web_src/css/codemirror/dark.css
@@ -0,0 +1,106 @@
+.CodeMirror.cm-s-default .cm-property,
+.CodeMirror.cm-s-paper .cm-property {
+ color: #a0cc75;
+}
+
+.CodeMirror.cm-s-default .cm-header,
+.CodeMirror.cm-s-paper .cm-header {
+ color: #9daccc;
+}
+
+.CodeMirror.cm-s-default .cm-quote,
+.CodeMirror.cm-s-paper .cm-quote {
+ color: #009900;
+}
+
+.CodeMirror.cm-s-default .cm-keyword,
+.CodeMirror.cm-s-paper .cm-keyword {
+ color: #cc8a61;
+}
+
+.CodeMirror.cm-s-default .cm-atom,
+.CodeMirror.cm-s-paper .cm-atom {
+ color: #ef5e77;
+}
+
+.CodeMirror.cm-s-default .cm-number,
+.CodeMirror.cm-s-paper .cm-number {
+ color: #ff5656;
+}
+
+.CodeMirror.cm-s-default .cm-def,
+.CodeMirror.cm-s-paper .cm-def {
+ color: #e4e4e4;
+}
+
+.CodeMirror.cm-s-default .cm-variable-2,
+.CodeMirror.cm-s-paper .cm-variable-2 {
+ color: #00bdbf;
+}
+
+.CodeMirror.cm-s-default .cm-variable-3,
+.CodeMirror.cm-s-paper .cm-variable-3 {
+ color: #008855;
+}
+
+.CodeMirror.cm-s-default .cm-comment,
+.CodeMirror.cm-s-paper .cm-comment {
+ color: #8e9ab3;
+}
+
+.CodeMirror.cm-s-default .cm-string,
+.CodeMirror.cm-s-paper .cm-string {
+ color: #a77272;
+}
+
+.CodeMirror.cm-s-default .cm-string-2,
+.CodeMirror.cm-s-paper .cm-string-2 {
+ color: #ff5500;
+}
+
+.CodeMirror.cm-s-default .cm-meta,
+.CodeMirror.cm-s-paper .cm-meta,
+.CodeMirror.cm-s-default .cm-qualifier,
+.CodeMirror.cm-s-paper .cm-qualifier {
+ color: #ffb176;
+}
+
+.CodeMirror.cm-s-default .cm-builtin,
+.CodeMirror.cm-s-paper .cm-builtin {
+ color: #b7c951;
+}
+
+.CodeMirror.cm-s-default .cm-bracket,
+.CodeMirror.cm-s-paper .cm-bracket {
+ color: #999977;
+}
+
+.CodeMirror.cm-s-default .cm-tag,
+.CodeMirror.cm-s-paper .cm-tag {
+ color: #f1d273;
+}
+
+.CodeMirror.cm-s-default .cm-attribute,
+.CodeMirror.cm-s-paper .cm-attribute {
+ color: #bfcc70;
+}
+
+.CodeMirror.cm-s-default .cm-hr,
+.CodeMirror.cm-s-paper .cm-hr {
+ color: #999999;
+}
+
+.CodeMirror.cm-s-default .cm-url,
+.CodeMirror.cm-s-paper .cm-url {
+ color: #c5cfd0;
+}
+
+.CodeMirror.cm-s-default .cm-link,
+.CodeMirror.cm-s-paper .cm-link {
+ color: #d8c792;
+}
+
+.CodeMirror.cm-s-default .cm-error,
+.CodeMirror.cm-s-paper .cm-error {
+ color: #dbdbeb;
+}
diff --git a/web_src/less/codemirror/light.less b/web_src/css/codemirror/light.css
similarity index 100%
rename from web_src/less/codemirror/light.less
rename to web_src/css/codemirror/light.css
diff --git a/web_src/less/console/console.less b/web_src/css/console/console.css
similarity index 98%
rename from web_src/less/console/console.less
rename to web_src/css/console/console.css
index db25a35bac..b2d8439f8c 100644
--- a/web_src/less/console/console.less
+++ b/web_src/css/console/console.css
@@ -1,4 +1,4 @@
-// Based on https://github.com/buildkite/terminal-to-html/blob/697ff23bd8dc48b9d23f11f259f5256dae2455f0/assets/terminal.css
+/* Based on https://github.com/buildkite/terminal-to-html/blob/697ff23bd8dc48b9d23f11f259f5256dae2455f0/assets/terminal.css */
.console {
background: var(--color-console-bg);
diff --git a/web_src/css/dashboard.css b/web_src/css/dashboard.css
new file mode 100644
index 0000000000..ced8b3a164
--- /dev/null
+++ b/web_src/css/dashboard.css
@@ -0,0 +1,203 @@
+.dashboard.feeds .context.user.menu,
+.dashboard.issues .context.user.menu {
+ z-index: 101;
+ min-width: 200px;
+}
+
+.dashboard.feeds .context.user.menu .ui.header,
+.dashboard.issues .context.user.menu .ui.header {
+ font-size: 1rem;
+ text-transform: none;
+}
+
+.dashboard.feeds .filter.menu,
+.dashboard.issues .filter.menu {
+ width: initial;
+}
+
+.dashboard.feeds .filter.menu .item,
+.dashboard.issues .filter.menu .item {
+ text-align: left;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+}
+
+.dashboard.feeds .filter.menu .item .text,
+.dashboard.issues .filter.menu .item .text {
+ height: 16px;
+ vertical-align: middle;
+}
+
+.dashboard.feeds .filter.menu .item .text.truncate,
+.dashboard.issues .filter.menu .item .text.truncate {
+ width: 75%;
+}
+
+.dashboard.feeds .filter.menu .item .floating.label,
+.dashboard.issues .filter.menu .item .floating.label {
+ top: 7px;
+ left: 90%;
+ width: 15%;
+}
+
+@media (max-width: 767px) {
+ .dashboard.feeds .filter.menu .item .floating.label,
+ .dashboard.issues .filter.menu .item .floating.label {
+ top: 10px;
+ left: auto;
+ width: auto;
+ right: 13px;
+ }
+}
+
+/* Sort */
+.dashboard.feeds .filter.menu .jump.item,
+.dashboard.issues .filter.menu .jump.item {
+ margin: 1px;
+ padding-right: 0;
+}
+
+.dashboard.feeds .filter.menu .menu,
+.dashboard.issues .filter.menu .menu {
+ max-height: 300px;
+ overflow-x: auto;
+ right: 0 !important;
+ left: auto !important;
+}
+
+@media (max-width: 767px) {
+ .dashboard.feeds .filter.menu,
+ .dashboard.issues .filter.menu {
+ width: 100%;
+ }
+}
+
+.dashboard.feeds .right.stackable.menu > .item.active,
+.dashboard.issues .right.stackable.menu > .item.active {
+ color: var(--color-red);
+}
+
+.dashboard .dashboard-repos,
+.dashboard .dashboard-orgs {
+ margin: 0 1px; /* Accommodate for Semantic's 1px hacks on .attached elements */
+}
+
+.dashboard .dashboard-navbar {
+ width: 100vw;
+ padding-left: 0.5rem;
+ padding-right: 0.5rem;
+}
+
+.dashboard .dashboard-navbar .org-visibility .label {
+ margin-left: 5px;
+}
+
+.dashboard .dashboard-navbar .ui.dropdown {
+ max-width: 100%;
+}
+
+@media (max-width: 767px) {
+ .dashboard .dashboard-navbar .ui.dropdown > .menu {
+ position: static;
+ }
+}
+
+.feeds .news li {
+ display: flex;
+ align-items: baseline;
+ margin-top: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+
+.feeds .news li img {
+ align-self: flex-start;
+}
+
+.feeds .news li > * + * {
+ margin-left: 0.35rem;
+}
+
+.feeds .news > .ui.grid {
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.feeds .news .left .ui.avatar {
+ margin-top: 13px;
+}
+
+.feeds .news .time-since {
+ font-size: 13px;
+}
+
+.feeds .news .issue.title {
+ width: 80%;
+ margin: 0 0 1em;
+}
+
+.feeds .news .push.news .content ul {
+ line-height: 18px;
+ font-size: 13px;
+ list-style: none;
+ padding-left: 10px;
+}
+
+.feeds .news .push.news .content ul .text.truncate {
+ width: 80%;
+}
+
+.feeds .news .commit-id {
+ font-family: var(--fonts-monospace);
+}
+
+.feeds .news code {
+ padding: 2px 4px;
+ border-radius: 3px;
+ background-color: var(--color-markup-code-block);
+ word-break: break-all;
+}
+
+.feeds .news:last-of-type .divider {
+ display: none !important;
+}
+
+.feeds .list ul {
+ list-style: none;
+ margin: 0;
+ padding-left: 0;
+}
+
+.feeds .list ul li:not(:last-child) {
+ border-bottom: 1px solid var(--color-secondary);
+}
+
+.feeds .list ul li.private {
+ background-color: var(--color-box-body-highlight);
+}
+
+.feeds .list ul li .repo-list-link {
+ padding: 6px 1em;
+ display: block;
+}
+
+.feeds .list ul li .repo-list-link .svg {
+ color: var(--color-text-light-2);
+}
+
+.feeds .list ul li .repo-list-link .star-num {
+ font-size: 12px;
+}
+
+.feeds .list #privateFilterCheckbox .svg {
+ color: var(--color-grey);
+ margin-right: 0.25rem;
+}
+
+.feeds .list .repo-owner-name-list .item-name {
+ min-width: 0;
+}
+
+.feeds .list .repo-owner-name-list .item-name svg {
+ min-width: 16px;
+}
diff --git a/web_src/less/_editor.less b/web_src/css/editor.css
similarity index 100%
rename from web_src/less/_editor.less
rename to web_src/css/editor.css
diff --git a/web_src/css/explore.css b/web_src/css/explore.css
new file mode 100644
index 0000000000..8543702252
--- /dev/null
+++ b/web_src/css/explore.css
@@ -0,0 +1,88 @@
+.explore .navbar {
+ justify-content: center;
+ margin-bottom: 15px !important;
+ background-color: var(--color-navbar) !important;
+ border-width: 1px !important;
+}
+
+.explore .navbar .svg {
+ width: 16px;
+ text-align: center;
+ margin-right: 5px;
+}
+
+.ui.repository.list .item {
+ padding-bottom: 1.5rem;
+}
+
+.ui.repository.list .item:not(:first-child) {
+ border-top: 1px solid var(--color-secondary);
+ padding-top: 1.5rem;
+}
+
+.ui.repository.list .item .ui.header {
+ font-size: 1.5rem;
+ margin-bottom: 0.5rem;
+}
+
+.ui.repository.list .item .ui.header .name {
+ word-break: break-all;
+}
+
+.ui.repository.list .item .ui.header .metas {
+ font-size: 14px;
+}
+
+.ui.repository.list .item .time {
+ font-size: 12px;
+}
+
+.ui.repository.list .item .ui.tags {
+ margin-bottom: 0.5rem;
+}
+
+.ui.repository.branches .info {
+ font-size: 12px;
+ color: var(--color-text-light);
+ display: flex;
+ white-space: pre;
+}
+
+.ui.repository.branches .info .commit-message {
+ max-width: 72em;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+.ui.repository.branches .overflow-visible {
+ overflow: visible;
+}
+
+/* fix alignment of PR popup in branches table */
+.ui.repository.branches table .ui.popup {
+ text-align: left;
+}
+
+.ui.user.list .item {
+ padding-bottom: 25px;
+ display: flex;
+}
+
+.ui.user.list .item:not(:first-child) {
+ border-top: 1px solid var(--color-secondary);
+ padding-top: 25px;
+}
+
+.ui.user.list .item img.ui.avatar {
+ width: 40px;
+ height: 40px;
+ margin-right: 10px;
+}
+
+.ui.user.list .item .description {
+ margin-top: 5px;
+}
+
+.ui.user.list .item .description .svg:not(:first-child) {
+ margin-left: 5px;
+}
diff --git a/web_src/less/features/codeeditor.less b/web_src/css/features/codeeditor.css
similarity index 100%
rename from web_src/less/features/codeeditor.less
rename to web_src/css/features/codeeditor.css
diff --git a/web_src/less/features/dropzone.less b/web_src/css/features/dropzone.css
similarity index 75%
rename from web_src/less/features/dropzone.less
rename to web_src/css/features/dropzone.css
index ee7a5f1b65..0ce067ef30 100644
--- a/web_src/less/features/dropzone.less
+++ b/web_src/css/features/dropzone.css
@@ -1,15 +1,14 @@
-.ui .field {
- .dropzone {
- border: 2px dashed var(--color-secondary);
- background: none;
- box-shadow: none;
- padding: 0;
- border-radius: 4px;
- min-height: 0;
- .dz-message {
- margin: 10px 0;
- }
- }
+.ui .field .dropzone {
+ border: 2px dashed var(--color-secondary);
+ background: none;
+ box-shadow: none;
+ padding: 0;
+ border-radius: 4px;
+ min-height: 0;
+}
+
+.ui .field .dropzone .dz-message {
+ margin: 10px 0;
}
.dropzone .dz-button {
@@ -50,5 +49,5 @@
}
.dropzone .dz-preview:hover .dz-image img {
- filter: opacity(.5) !important;
+ filter: opacity(0.5) !important;
}
diff --git a/web_src/css/features/gitgraph.css b/web_src/css/features/gitgraph.css
new file mode 100644
index 0000000000..f7477997fe
--- /dev/null
+++ b/web_src/css/features/gitgraph.css
@@ -0,0 +1,317 @@
+#git-graph-container {
+ overflow-x: auto;
+ width: 100%;
+ min-height: 350px;
+}
+
+#git-graph-container > .ui.segment.loading {
+ border: 0;
+ z-index: 1;
+ min-height: 246px;
+}
+
+#git-graph-container h2 {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+
+#git-graph-container .color-buttons {
+ margin-right: 0;
+}
+
+#git-graph-container .ui.header.dividing {
+ padding-bottom: 10px;
+}
+
+#git-graph-container #flow-select-refs-dropdown {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ min-width: 250px;
+ border-right: none;
+}
+
+#git-graph-container #flow-select-refs-dropdown .ui.label {
+ max-width: 180px;
+ display: inline-flex !important;
+ align-items: center;
+}
+
+#git-graph-container #flow-select-refs-dropdown .ui.label .truncate {
+ display: inline-block;
+ max-width: 140px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ vertical-align: top;
+ white-space: nowrap;
+}
+
+#git-graph-container #flow-select-refs-dropdown .dropdown.icon {
+ display: none;
+}
+
+#git-graph-container #flow-select-refs-dropdown .default.text {
+ padding-top: 4px;
+ padding-bottom: 4px;
+}
+
+#git-graph-container #flow-select-refs-dropdown input.search {
+ position: relative;
+ top: 1px;
+}
+
+#git-graph-container li {
+ list-style-type: none;
+ height: 24px;
+ line-height: 24px;
+ white-space: nowrap;
+ display: flex;
+ align-items: center;
+}
+
+#git-graph-container li .node-relation {
+ font-family: var(--fonts-monospace);
+}
+
+#git-graph-container li .author {
+ color: var(--color-text-light);
+}
+
+#git-graph-container li .time {
+ color: var(--color-text-light-3);
+ font-size: 80%;
+}
+
+#git-graph-container li a:not(.ui):hover {
+ text-decoration: underline;
+}
+
+#git-graph-container li a em {
+ color: var(--color-red);
+ border-bottom: 1px dotted var(--color-secondary);
+ text-decoration: none;
+ font-style: normal;
+}
+
+#git-graph-container #rel-container {
+ max-width: 30%;
+ overflow-x: auto;
+ float: left;
+}
+
+#git-graph-container #rev-container {
+ width: 100%;
+}
+
+#git-graph-container #rev-list {
+ margin: 0;
+ padding: 0;
+ width: 100%;
+}
+
+#git-graph-container #rev-list li.highlight.hover {
+ background-color: var(--color-secondary-alpha-30);
+}
+
+#git-graph-container #rev-list .tags a.button {
+ padding: 2px 4px;
+}
+
+#git-graph-container #rev-list .sha.label {
+ padding-top: 5px;
+ padding-bottom: 3px;
+}
+
+#git-graph-container #rev-list .sha.label .shortsha {
+ padding-top: 0;
+}
+
+#git-graph-container #rev-list .sha.label .shortsha-pad {
+ padding-right: 10px;
+}
+
+#git-graph-container #rev-list .sha.label .ui.detail.icon.button {
+ padding-top: 3px;
+ margin-top: -5px;
+ padding-bottom: 1px;
+}
+
+#git-graph-container #rev-list .author img.ui.avatar {
+ width: auto;
+ height: 18px;
+ max-width: none;
+}
+
+#git-graph-container #graph-raw-list {
+ margin: 0;
+}
+
+#git-graph-container.monochrome #rel-container .flow-group {
+ stroke: var(--color-secondary-dark-5);
+ fill: var(--color-secondary-dark-5);
+}
+
+#git-graph-container.monochrome #rel-container .flow-group.highlight {
+ stroke: var(--color-secondary-dark-12);
+ fill: var(--color-secondary-dark-12);
+}
+
+#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-1 {
+ stroke: #499a37;
+ fill: #499a37;
+}
+
+#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-2 {
+ stroke: #ce4751;
+ fill: #ce4751;
+}
+
+#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-3 {
+ stroke: #8f9121;
+ fill: #8f9121;
+}
+
+#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-4 {
+ stroke: #ac32a6;
+ fill: #ac32a6;
+}
+
+#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-5 {
+ stroke: #7445e9;
+ fill: #7445e9;
+}
+
+#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-6 {
+ stroke: #c67d28;
+ fill: #c67d28;
+}
+
+#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-7 {
+ stroke: #4db392;
+ fill: #4db392;
+}
+
+#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-8 {
+ stroke: #aa4d30;
+ fill: #aa4d30;
+}
+
+#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-9 {
+ stroke: #2a6f84;
+ fill: #2a6f84;
+}
+
+#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-10 {
+ stroke: #c45327;
+ fill: #c45327;
+}
+
+#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-11 {
+ stroke: #3d965c;
+ fill: #3d965c;
+}
+
+#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-12 {
+ stroke: #792a93;
+ fill: #792a93;
+}
+
+#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-13 {
+ stroke: #439d73;
+ fill: #439d73;
+}
+
+#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-14 {
+ stroke: #103aad;
+ fill: #103aad;
+}
+
+#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-15 {
+ stroke: #982e85;
+ fill: #982e85;
+}
+
+#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-0 {
+ stroke: #7db233;
+ fill: #7db233;
+}
+
+#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-1 {
+ stroke: #5ac144;
+ fill: #5ac144;
+}
+
+#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-2 {
+ stroke: #ed5a8b;
+ fill: #ed5a8b;
+}
+
+#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-3 {
+ stroke: #ced049;
+ fill: #ced048;
+}
+
+#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-4 {
+ stroke: #db61d7;
+ fill: #db62d6;
+}
+
+#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-5 {
+ stroke: #8455f9;
+ fill: #8455f9;
+}
+
+#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-6 {
+ stroke: #e6a151;
+ fill: #e6a151;
+}
+
+#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-7 {
+ stroke: #44daaa;
+ fill: #44daaa;
+}
+
+#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-8 {
+ stroke: #dd7a5c;
+ fill: #dd7a5c;
+}
+
+#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-9 {
+ stroke: #38859c;
+ fill: #38859c;
+}
+
+#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-10 {
+ stroke: #d95520;
+ fill: #d95520;
+}
+
+#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-11 {
+ stroke: #42ae68;
+ fill: #42ae68;
+}
+
+#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-12 {
+ stroke: #9126b5;
+ fill: #9126b5;
+}
+
+#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-13 {
+ stroke: #4ab080;
+ fill: #4ab080;
+}
+
+#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-14 {
+ stroke: #284fb8;
+ fill: #284fb8;
+}
+
+#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-15 {
+ stroke: #971c80;
+ fill: #971c80;
+}
+
+#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-0 {
+ stroke: #87ca28;
+ fill: #87ca28;
+}
diff --git a/web_src/css/features/heatmap.css b/web_src/css/features/heatmap.css
new file mode 100644
index 0000000000..d0cd2b5734
--- /dev/null
+++ b/web_src/css/features/heatmap.css
@@ -0,0 +1,68 @@
+#user-heatmap {
+ width: 100%;
+ font-size: 9px;
+ position: relative;
+ min-height: 125px;
+}
+
+#user-heatmap text {
+ fill: currentcolor !important;
+}
+
+/* for the "Less" and "More" legend */
+#user-heatmap .vch__legend .vch__legend {
+ display: flex;
+ font-size: 11px;
+ align-items: center;
+ justify-content: right;
+}
+
+#user-heatmap .vch__legend .vch__legend div:first-child,
+#user-heatmap .vch__legend .vch__legend div:last-child {
+ display: inline-block;
+ padding: 0 5px;
+}
+
+/* move the "? contributions in the last ? months" text from top to bottom */
+#user-heatmap .total-contributions {
+ font-size: 11px;
+ position: absolute;
+ bottom: 0;
+ left: 25px;
+}
+
+@media (max-width: 1200px) {
+ #user-heatmap {
+ min-height: 105px;
+ }
+ #user-heatmap .total-contributions {
+ left: 21px;
+ }
+}
+
+@media (max-width: 1000px) {
+ #user-heatmap {
+ min-height: 80px;
+ }
+ #user-heatmap .total-contributions {
+ font-size: 10px;
+ left: 17px;
+ bottom: -4px;
+ }
+}
+
+.user.profile #user-heatmap {
+ min-height: 135px;
+}
+
+@media (max-width: 1200px) {
+ .user.profile #user-heatmap {
+ min-height: 115px;
+ }
+}
+
+@media (max-width: 1000px) {
+ .user.profile #user-heatmap {
+ min-height: 90px;
+ }
+}
diff --git a/web_src/css/features/imagediff.css b/web_src/css/features/imagediff.css
new file mode 100644
index 0000000000..f796bc19ae
--- /dev/null
+++ b/web_src/css/features/imagediff.css
@@ -0,0 +1,107 @@
+.image-diff-container {
+ text-align: center;
+ padding: 1em 0;
+}
+
+.image-diff-container img {
+ border: 1px solid var(--color-primary-light-7);
+ background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAG0lEQVQYlWN4+vTpf3SMDTAMBYXYBLFpHgoKAeiOf0SGE9kbAAAAAElFTkSuQmCC") right bottom var(--color-primary-light-7);
+}
+
+.image-diff-container .before-container {
+ border: 1px solid var(--color-red);
+ display: block;
+}
+
+.image-diff-container .after-container {
+ border: 1px solid var(--color-green);
+ display: block;
+}
+
+.image-diff-container .diff-side-by-side .side {
+ display: inline-block;
+ line-height: 0;
+ vertical-align: top;
+ margin: 0 1em;
+}
+
+.image-diff-container .diff-side-by-side .side .side-header {
+ font-weight: bold;
+}
+
+.image-diff-container .diff-swipe {
+ margin: auto;
+}
+
+.image-diff-container .diff-swipe .swipe-frame {
+ position: absolute;
+}
+
+.image-diff-container .diff-swipe .swipe-frame .before-container {
+ position: absolute;
+}
+
+.image-diff-container .diff-swipe .swipe-frame .swipe-container {
+ position: absolute;
+ right: 0;
+ display: block;
+ border-left: 2px solid var(--color-secondary-dark-8);
+ height: 100%;
+ overflow: hidden;
+}
+
+.image-diff-container
+ .diff-swipe
+ .swipe-frame
+ .swipe-container
+ .after-container {
+ position: absolute;
+ right: 0;
+}
+
+.image-diff-container .diff-swipe .swipe-frame .swipe-bar {
+ position: absolute;
+ height: 100%;
+ top: 0;
+ left: 0;
+}
+
+.image-diff-container .diff-swipe .swipe-frame .swipe-bar .handle {
+ background: var(--color-secondary-dark-8);
+ left: -5px;
+ height: 12px;
+ width: 12px;
+ position: absolute;
+ transform: rotate(45deg);
+ box-sizing: border-box;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ cursor: pointer;
+}
+
+.image-diff-container .diff-swipe .swipe-frame .swipe-bar .top-handle {
+ top: -12px;
+}
+
+.image-diff-container .diff-swipe .swipe-frame .swipe-bar .bottom-handle {
+ bottom: -14px;
+}
+
+.image-diff-container .diff-overlay {
+ margin: 0 auto;
+}
+
+.image-diff-container .diff-overlay .overlay-frame {
+ margin: 0 auto;
+ position: relative;
+}
+
+.image-diff-container .diff-overlay .before-container,
+.image-diff-container .diff-overlay .after-container {
+ position: absolute;
+}
+
+.image-diff-container .diff-overlay input {
+ max-width: 300px;
+}
diff --git a/web_src/less/features/projects.less b/web_src/css/features/projects.css
similarity index 67%
rename from web_src/less/features/projects.less
rename to web_src/css/features/projects.css
index cbdb1a3c9f..2bc68ccf0d 100644
--- a/web_src/less/features/projects.less
+++ b/web_src/css/features/projects.css
@@ -3,14 +3,14 @@
flex-direction: row;
flex-wrap: nowrap;
overflow-x: auto;
- margin: 0 .5em;
+ margin: 0 0.5em;
}
.board-column {
background-color: var(--color-project-board-bg) !important;
border: 1px solid var(--color-secondary) !important;
- margin: 0 .5rem !important;
- padding: .5rem !important;
+ margin: 0 0.5rem !important;
+ padding: 0.5rem !important;
width: 320px;
height: calc(100vh - 450px);
min-height: 60vh;
@@ -24,21 +24,22 @@
.board-column-header {
display: flex;
justify-content: space-between;
+}
- &.dark-label {
- color: var(--color-project-board-dark-label) !important;
+.board-column-header.dark-label {
+ color: var(--color-project-board-dark-label) !important;
+}
- .board-label {
- color: var(--color-project-board-dark-label) !important;
- }
- }
- &.light-label {
- color: var(--color-project-board-light-label) !important;
+.board-column-header.dark-label .board-label {
+ color: var(--color-project-board-dark-label) !important;
+}
- .board-label {
- color: var(--color-project-board-light-label) !important;
- }
- }
+.board-column-header.light-label {
+ color: var(--color-project-board-light-label) !important;
+}
+
+.board-column-header.light-label .board-label {
+ color: var(--color-project-board-light-label) !important;
}
.board-label {
@@ -81,7 +82,7 @@
border-radius: 5px !important;
cursor: move;
width: calc(100% - 4px) !important;
- padding: .5rem !important;
+ padding: 0.5rem !important;
min-height: auto !important;
}
@@ -124,24 +125,23 @@
.color-field .minicolors.minicolors-theme-default {
display: block;
-
- .minicolors-input {
- height: 38px;
- padding-left: 2rem;
- }
-
- .minicolors-swatch {
- top: 10px;
- }
}
-.edit-project-board,
-.new-board-modal {
- .color.picker.column {
- display: flex;
-
- .minicolors {
- flex: 1;
- }
- }
+.color-field .minicolors.minicolors-theme-default .minicolors-input {
+ height: 38px;
+ padding-left: 2rem;
+}
+
+.color-field .minicolors.minicolors-theme-default .minicolors-swatch {
+ top: 10px;
+}
+
+.edit-project-board .color.picker.column,
+.new-board-modal .color.picker.column {
+ display: flex;
+}
+
+.edit-project-board .color.picker.column .minicolors,
+.new-board-modal .color.picker.column .minicolors {
+ flex: 1;
}
diff --git a/web_src/css/font_i18n.css b/web_src/css/font_i18n.css
new file mode 100644
index 0000000000..e3de906532
--- /dev/null
+++ b/web_src/css/font_i18n.css
@@ -0,0 +1,393 @@
+:root :lang(ja) {
+ --fonts-override: var(--fonts-default-override-ja);
+}
+
+:root :lang(zh-CN) {
+ --fonts-override: var(--fonts-default-override-zh-cn);
+}
+
+:root :lang(zh-TW) {
+ --fonts-override: var(--fonts-default-override-zh-tw);
+}
+
+:root :lang(zh-HK) {
+ --fonts-override: var(--fonts-default-override-zh-hk);
+}
+
+:root :lang(ko) {
+ --fonts-override: var(--fonts-default-override-ko);
+}
+
+[lang] {
+ font-family: var(--fonts-regular);
+}
+
+:root {
+ --fonts-default-override-ja: system-ui-ja, var(--fonts-proportional);
+ --fonts-default-override-zh-cn: system-ui-zh-cn, var(--fonts-proportional);
+ --fonts-default-override-zh-tw: system-ui-zh-tw, var(--fonts-proportional);
+ --fonts-default-override-zh-hk: system-ui-zh-hk, var(--fonts-proportional);
+ --fonts-default-override-ko: system-ui-ko, var(--fonts-proportional);
+}
+
+/* Special handling for Firefox on Windows/Linux */
+@supports (-moz-appearance: none) {
+ :root {
+ --fonts-default-override-ja: var(--fonts-proportional), system-ui-ja;
+ --fonts-default-override-zh-cn: var(--fonts-proportional), system-ui-zh-cn;
+ --fonts-default-override-zh-tw: var(--fonts-proportional), system-ui-zh-tw;
+ --fonts-default-override-zh-hk: var(--fonts-proportional), system-ui-zh-hk;
+ --fonts-default-override-ko: var(--fonts-proportional), system-ui-ko;
+ }
+}
+
+@font-face {
+ font-family: system-ui-ja;
+ src: local("HiraKakuProN-W3"), local("Hiragino Kaku Gothic ProN W3"),
+ local("HiraginoSans-W2"), local("Source Han Sans JP Light"),
+ local("SourceHanSansJP-Light"), local("Source Han Sans J Light"),
+ local("SourceHanSansJ-Light"), local("Noto Sans CJK JP Light"),
+ local("NotoSansCJKJP-Light"), local("Source Han Sans Light"),
+ local("SourceHanSans-Light"), local("Yu Gothic Regular"),
+ local("YuGothic Regular"), local("Droid Sans Japanese"), local("Meiryo"),
+ local("MS PGothic");
+ font-weight: 300;
+ unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
+ U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
+}
+
+@font-face {
+ font-family: system-ui-ja;
+ src: local("HiraKakuProN-W3"), local("Hiragino Kaku Gothic ProN W3"),
+ local("HiraginoSans-W4"), local("Source Han Sans JP Regular"),
+ local("SourceHanSansJP-Regular"), local("Source Han Sans J Regular"),
+ local("SourceHanSansJ-Regular"), local("Noto Sans CJK JP Regular"),
+ local("NotoSansCJKJP-Regular"), local("Source Han Sans Regular"),
+ local("SourceHanSans-Regular"), local("Yu Gothic Medium"),
+ local("YuGothic Medium"), local("Droid Sans Japanese"), local("Meiryo"),
+ local("MS PGothic");
+ font-weight: 400;
+ unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
+ U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
+}
+
+@font-face {
+ font-family: system-ui-ja;
+ src: local("HiraKakuProN-W3"), local("Hiragino Kaku Gothic ProN W3"),
+ local("HiraginoSans-W5"), local("Source Han Sans JP Medium"),
+ local("SourceHanSansJP-Medium"), local("Source Han Sans J Medium"),
+ local("SourceHanSansJ-Medium"), local("Noto Sans CJK JP Medium"),
+ local("NotoSansCJKJP-Medium"), local("Source Han Sans Medium"),
+ local("SourceHanSans-Medium"), local("Yu Gothic Medium"),
+ local("YuGothic Medium"), local("Droid Sans Japanese"), local("Meiryo"),
+ local("MS PGothic");
+ font-weight: 500;
+ unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
+ U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
+}
+
+@font-face {
+ font-family: system-ui-ja;
+ src: local("HiraKakuProN-W6"), local("Hiragino Kaku Gothic ProN W6"),
+ local("HiraginoSans-W6"), local("Source Han Sans JP Bold"),
+ local("SourceHanSansJP-Bold"), local("Source Han Sans J Bold"),
+ local("SourceHanSansJ-Bold"), local("Noto Sans CJK JP Bold"),
+ local("NotoSansCJKJP-Bold"), local("Source Han Sans Bold"),
+ local("SourceHanSans-Bold"), local("Yu Gothic Bold"), local("YuGothic Bold"),
+ local("Droid Sans Japanese"), local("Meiryo Bold"), local("MS PGothic");
+ font-weight: 700;
+ unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
+ U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
+}
+
+/* Safari on macOS/iOS */
+@font-face {
+ font-family: system-ui-ja;
+ src: local("HelveticaNeue");
+ unicode-range: U+A0;
+}
+
+/* Other browsers on macOS/iOS */
+@supports not (-webkit-hyphens: none) {
+ @font-face {
+ font-family: system-ui-ja;
+ src: local("HelveticaNeue");
+ unicode-range: U+20;
+ }
+}
+
+@font-face {
+ font-family: system-ui-zh-cn;
+ src: local("PingFangSC-Light"), local("Source Han Sans CN Light"),
+ local("SourceHanSansCN-Light"), local("Source Han Sans SC Light"),
+ local("SourceHanSansSC-Light"), local("Noto Sans CJK SC Light"),
+ local("NotoSansCJKSC-Light"), local("HiraginoSansGB-W3"),
+ local("Hiragino Sans GB W3"), local("Microsoft YaHei Light"),
+ local("Heiti SC Light"), local("SimHei");
+ font-weight: 300;
+ unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
+ U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
+}
+
+@font-face {
+ font-family: system-ui-zh-cn;
+ src: local("PingFangSC-Regular"), local("Source Han Sans CN Regular"),
+ local("SourceHanSansCN-Regular"), local("Source Han Sans SC Regular"),
+ local("SourceHanSansSC-Regular"), local("Noto Sans CJK SC Regular"),
+ local("NotoSansCJKSC-Regular"), local("HiraginoSansGB-W3"),
+ local("Hiragino Sans GB W3"), local("Microsoft YaHei"),
+ local("Heiti SC Light"), local("SimHei");
+ font-weight: 400;
+ unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
+ U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
+}
+
+@font-face {
+ font-family: system-ui-zh-cn;
+ src: local("PingFangSC-Medium"), local("Source Han Sans CN Medium"),
+ local("SourceHanSansCN-Medium"), local("Source Han Sans SC Medium"),
+ local("SourceHanSansSC-Medium"), local("Noto Sans CJK SC Medium"),
+ local("NotoSansCJKSC-Medium"), local("HiraginoSansGB-W3"),
+ local("Hiragino Sans GB W3"), local("Microsoft YaHei"),
+ local("Heiti SC Light"), local("SimHei");
+ font-weight: 500;
+ unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
+ U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
+}
+
+@font-face {
+ font-family: system-ui-zh-cn;
+ src: local("PingFangSC-Semibold"), local("Source Han Sans CN Bold"),
+ local("SourceHanSansCN-Bold"), local("Source Han Sans SC Bold"),
+ local("SourceHanSansSC-Bold"), local("Noto Sans CJK SC Bold"),
+ local("NotoSansCJKSC-Bold"), local("HiraginoSansGB-W6"),
+ local("Hiragino Sans GB W6"), local("Microsoft YaHei Bold"),
+ local("Heiti SC Medium"), local("SimHei");
+ font-weight: 700;
+ unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
+ U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
+}
+
+/* Safari on macOS/iOS */
+@font-face {
+ font-family: system-ui-zh-cn;
+ src: local("HelveticaNeue");
+ unicode-range: U+A0;
+}
+
+/* Other browsers on macOS/iOS */
+@supports not (-webkit-hyphens: none) {
+ @font-face {
+ font-family: system-ui-zh-cn;
+ src: local("HelveticaNeue");
+ unicode-range: U+20;
+ }
+}
+
+@font-face {
+ font-family: system-ui-zh-tw;
+ src: local("PingFangTC-Light"), local("Source Han Sans TW Light"),
+ local("SourceHanSansTW-Light"), local("Source Han Sans TC Light"),
+ local("SourceHanSansTC-Light"), local("Noto Sans CJK TC Light"),
+ local("NotoSansCJKTC-Light"), local("HiraginoSansTC-W3"),
+ local("Hiragino Sans TC W3"), local("Microsoft JhengHei Light"),
+ local("Heiti TC Light"), local("PMingLiU");
+ font-weight: 300;
+ unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
+ U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
+}
+
+@font-face {
+ font-family: system-ui-zh-tw;
+ src: local("PingFangTC-Regular"), local("Source Han Sans TW Regular"),
+ local("SourceHanSansTW-Regular"), local("Source Han Sans TC Regular"),
+ local("SourceHanSansTC-Regular"), local("Noto Sans CJK TC Regular"),
+ local("NotoSansCJKTC-Regular"), local("HiraginoSansTC-W3"),
+ local("Hiragino Sans TC W3"), local("Microsoft JhengHei"),
+ local("Heiti TC Light"), local("PMingLiU");
+ font-weight: 400;
+ unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
+ U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
+}
+
+@font-face {
+ font-family: system-ui-zh-tw;
+ src: local("PingFangTC-Medium"), local("Source Han Sans TW Medium"),
+ local("SourceHanSansTW-Medium"), local("Source Han Sans TC Medium"),
+ local("SourceHanSansTC-Medium"), local("Noto Sans CJK TC Medium"),
+ local("NotoSansCJKTC-Medium"), local("HiraginoSansTC-W3"),
+ local("Hiragino Sans TC W3"), local("Microsoft JhengHei"),
+ local("Heiti TC Light"), local("PMingLiU");
+ font-weight: 500;
+ unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
+ U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
+}
+
+@font-face {
+ font-family: system-ui-zh-tw;
+ src: local("PingFangTC-Semibold"), local("Source Han Sans TW Bold"),
+ local("SourceHanSansTW-Bold"), local("Source Han Sans TC Bold"),
+ local("SourceHanSansTC-Bold"), local("Noto Sans CJK TC Bold"),
+ local("NotoSansCJKTC-Bold"), local("HiraginoSansTC-W6"),
+ local("Hiragino Sans TC W6"), local("Microsoft JhengHei Bold"),
+ local("Heiti TC Medium"), local("PMingLiU");
+ font-weight: 700;
+ unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
+ U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
+}
+
+/* Safari on macOS/iOS */
+@font-face {
+ font-family: system-ui-zh-tw;
+ src: local("HelveticaNeue");
+ unicode-range: U+A0;
+}
+
+/* Other browsers on macOS/iOS */
+@supports not (-webkit-hyphens: none) {
+ @font-face {
+ font-family: system-ui-zh-tw;
+ src: local("HelveticaNeue");
+ unicode-range: U+20;
+ }
+}
+
+@font-face {
+ font-family: system-ui-zh-hk;
+ src: local("PingFangHK-Light"), local("Source Han Sans HK Light"),
+ local("SourceHanSansHK-Light"), local("Source Han Sans HC Light"),
+ local("SourceHanSansHC-Light"), local("Noto Sans CJK HK Light"),
+ local("NotoSansCJKHK-Light"), local("Source Han Sans TC Light"),
+ local("SourceHanSansTC-Light"), local("Noto Sans CJK TC Light"),
+ local("NotoSansCJKTC-Light"), local("HiraginoSansTC-W3"),
+ local("Hiragino Sans TC W3"), local("Microsoft JhengHei Light"),
+ local("Heiti TC Light"), local("PMingLiU_HKSCS"), local("PMingLiU");
+ font-weight: 300;
+ unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
+ U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
+}
+
+@font-face {
+ font-family: system-ui-zh-hk;
+ src: local("PingFangHK-Regular"), local("Source Han Sans HK Regular"),
+ local("SourceHanSansHK-Regular"), local("Source Han Sans HC Regular"),
+ local("SourceHanSansHC-Regular"), local("Noto Sans CJK HK Regular"),
+ local("NotoSansCJKHK-Regular"), local("Source Han Sans TC Regular"),
+ local("SourceHanSansTC-Regular"), local("Noto Sans CJK TC Regular"),
+ local("NotoSansCJKTC-Regular"), local("HiraginoSansTC-W3"),
+ local("Hiragino Sans TC W3"), local("Microsoft JhengHei"),
+ local("Heiti TC Light"), local("PMingLiU_HKSCS"), local("PMingLiU");
+ font-weight: 400;
+ unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
+ U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
+}
+
+@font-face {
+ font-family: system-ui-zh-hk;
+ src: local("PingFangHK-Medium"), local("Source Han Sans HK Medium"),
+ local("SourceHanSansHK-Medium"), local("Source Han Sans HC Medium"),
+ local("SourceHanSansHC-Medium"), local("Noto Sans CJK HK Medium"),
+ local("NotoSansCJKHK-Medium"), local("Source Han Sans TC Medium"),
+ local("SourceHanSansTC-Medium"), local("Noto Sans CJK TC Medium"),
+ local("NotoSansCJKTC-Medium"), local("HiraginoSansTC-W3"),
+ local("Hiragino Sans TC W3"), local("Microsoft JhengHei"),
+ local("Heiti TC Light"), local("PMingLiU_HKSCS"), local("PMingLiU");
+ font-weight: 500;
+ unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
+ U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
+}
+
+@font-face {
+ font-family: system-ui-zh-hk;
+ src: local("PingFangHK-Semibold"), local("Source Han Sans HK Bold"),
+ local("SourceHanSansHK-Bold"), local("Source Han Sans HC Bold"),
+ local("SourceHanSansHC-Bold"), local("Noto Sans CJK HK Bold"),
+ local("NotoSansCJKHK-Bold"), local("Source Han Sans TC Bold"),
+ local("SourceHanSansTC-Bold"), local("Noto Sans CJK TC Bold"),
+ local("NotoSansCJKTC-Bold"), local("HiraginoSansTC-W6"),
+ local("Hiragino Sans TC W6"), local("Microsoft JhengHei Bold"),
+ local("Heiti TC Medium"), local("PMingLiU_HKSCS"), local("PMingLiU");
+ font-weight: 700;
+ unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
+ U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
+}
+
+/* Safari on macOS/iOS */
+@font-face {
+ font-family: system-ui-zh-hk;
+ src: local("HelveticaNeue");
+ unicode-range: U+A0;
+}
+
+/* Other browsers on macOS/iOS */
+@supports not (-webkit-hyphens: none) {
+ @font-face {
+ font-family: system-ui-zh-hk;
+ src: local("HelveticaNeue");
+ unicode-range: U+20;
+ }
+}
+
+@font-face {
+ font-family: system-ui-ko;
+ src: local("AppleSDGothicNeo-Light"), local("Source Han Sans KR Light"),
+ local("SourceHanSansKR-Light"), local("Source Han Sans K Light"),
+ local("SourceHanSansK-Light"), local("Noto Sans CJK KR Light"),
+ local("NotoSansCJKKR-Light"), local("NanumBarunGothic Light"),
+ local("Malgun Gothic Semilight"), local("Nanum Gothic"), local("Dotum");
+ font-weight: 300;
+ unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
+ U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
+}
+
+@font-face {
+ font-family: system-ui-ko;
+ src: local("AppleSDGothicNeo-Regular"), local("Source Han Sans KR Regular"),
+ local("SourceHanSansKR-Regular"), local("Source Han Sans K Regular"),
+ local("SourceHanSansK-Regular"), local("Noto Sans CJK KR Regular"),
+ local("NotoSansCJKKR-Regular"), local("NanumBarunGothic"),
+ local("Malgun Gothic"), local("Nanum Gothic"), local("Dotum");
+ font-weight: 400;
+ unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
+ U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
+}
+
+@font-face {
+ font-family: system-ui-ko;
+ src: local("AppleSDGothicNeo-Medium"), local("Source Han Sans KR Medium"),
+ local("SourceHanSansKR-Medium"), local("Source Han Sans K Medium"),
+ local("SourceHanSansK-Medium"), local("Noto Sans CJK KR Medium"),
+ local("NotoSansCJKKR-Medium"), local("NanumBarunGothic"),
+ local("Malgun Gothic"), local("Nanum Gothic"), local("Dotum");
+ font-weight: 500;
+ unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
+ U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
+}
+
+@font-face {
+ font-family: system-ui-ko;
+ src: local("AppleSDGothicNeo-SemiBold"), local("Source Han Sans KR Bold"),
+ local("SourceHanSansKR-Bold"), local("Source Han Sans K Bold"),
+ local("SourceHanSansK-Bold"), local("Noto Sans CJK KR Bold"),
+ local("NotoSansCJKKR-Bold"), local("NanumBarunGothic Bold"),
+ local("Malgun Gothic Bold"), local("Nanum Gothic Bold"), local("Dotum");
+ font-weight: 700;
+ unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
+ U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
+}
+
+/* Safari on macOS/iOS */
+@font-face {
+ font-family: system-ui-ko;
+ src: local("HelveticaNeue");
+ unicode-range: U+A0;
+}
+
+/* Other browsers on macOS/iOS */
+@supports not (-webkit-hyphens: none) {
+ @font-face {
+ font-family: system-ui-ko;
+ src: local("HelveticaNeue");
+ unicode-range: U+20;
+ }
+}
diff --git a/web_src/css/form.css b/web_src/css/form.css
new file mode 100644
index 0000000000..e325a377f8
--- /dev/null
+++ b/web_src/css/form.css
@@ -0,0 +1,547 @@
+input,
+textarea,
+.ui.input > input,
+.ui.form input:not([type]),
+.ui.form select,
+.ui.form textarea,
+.ui.form input[type="date"],
+.ui.form input[type="datetime-local"],
+.ui.form input[type="email"],
+.ui.form input[type="file"],
+.ui.form input[type="number"],
+.ui.form input[type="password"],
+.ui.form input[type="search"],
+.ui.form input[type="tel"],
+.ui.form input[type="text"],
+.ui.form input[type="time"],
+.ui.form input[type="url"],
+.ui.selection.dropdown,
+.ui.checkbox label::before,
+.ui.checkbox input:checked ~ label::before,
+.ui.checkbox input:not([type="radio"]):indeterminate ~ label::before {
+ background: var(--color-input-background);
+ border-color: var(--color-input-border);
+ color: var(--color-input-text);
+}
+
+input:hover,
+textarea:hover,
+.ui.input input:hover,
+.ui.form input:not([type]):hover,
+.ui.form select:hover,
+.ui.form textarea:hover,
+.ui.form input[type="date"]:hover,
+.ui.form input[type="datetime-local"]:hover,
+.ui.form input[type="email"]:hover,
+.ui.form input[type="file"]:hover,
+.ui.form input[type="number"]:hover,
+.ui.form input[type="password"]:hover,
+.ui.form input[type="search"]:hover,
+.ui.form input[type="tel"]:hover,
+.ui.form input[type="text"]:hover,
+.ui.form input[type="time"]:hover,
+.ui.form input[type="url"]:hover,
+.ui.selection.dropdown:hover,
+.ui.checkbox label:hover::before,
+.ui.checkbox label:active::before,
+.ui.radio.checkbox label::after,
+.ui.radio.checkbox input:focus ~ label::before,
+.ui.radio.checkbox input:checked ~ label::before {
+ background: var(--color-input-background);
+ border-color: var(--color-input-border-hover);
+ color: var(--color-input-text);
+}
+
+input:focus,
+textarea:focus,
+.ui.input input:focus,
+.ui.form input:not([type]):focus,
+.ui.form select:focus,
+.ui.form textarea:focus,
+.ui.form input[type="date"]:focus,
+.ui.form input[type="datetime-local"]:focus,
+.ui.form input[type="email"]:focus,
+.ui.form input[type="file"]:focus,
+.ui.form input[type="number"]:focus,
+.ui.form input[type="password"]:focus,
+.ui.form input[type="search"]:focus,
+.ui.form input[type="tel"]:focus,
+.ui.form input[type="text"]:focus,
+.ui.form input[type="time"]:focus,
+.ui.form input[type="url"]:focus,
+.ui.selection.dropdown:focus,
+.ui.checkbox input:focus ~ label::before,
+.ui.checkbox input:not([type="radio"]):indeterminate:focus ~ label::before,
+.ui.checkbox input:checked:focus ~ label::before,
+.ui.radio.checkbox input:focus:checked ~ label::before {
+ background: var(--color-input-background);
+ border-color: var(--color-primary);
+ color: var(--color-input-text);
+}
+
+.ui.form .field > label,
+.ui.form .inline.fields > label,
+.ui.form .inline.fields .field > label,
+.ui.form .inline.fields .field > p,
+.ui.form .inline.field > label,
+.ui.form .inline.field > p,
+.ui.checkbox label,
+.ui.checkbox + label,
+.ui.checkbox label:hover,
+.ui.checkbox + label:hover,
+.ui.checkbox input:focus ~ label,
+.ui.checkbox input:active ~ label {
+ color: var(--color-text);
+}
+
+.ui.input,
+.ui.checkbox input:focus ~ label::after,
+.ui.checkbox input:checked ~ label::after,
+.ui.checkbox label:active::after,
+.ui.checkbox input:not([type="radio"]):indeterminate ~ label::after,
+.ui.checkbox input:not([type="radio"]):indeterminate:focus ~ label::after,
+.ui.checkbox input:checked:focus ~ label::after,
+.ui.disabled.checkbox label,
+.ui.checkbox input[disabled] ~ label {
+ color: var(--color-input-text);
+}
+
+.ui.radio.checkbox input:focus ~ label::after,
+.ui.radio.checkbox input:checked ~ label::after,
+.ui.radio.checkbox input:focus:checked ~ label::after {
+ background: var(--color-input-text);
+}
+
+.ui.toggle.checkbox label::before {
+ background: var(--color-input-toggle-background);
+}
+
+.ui.toggle.checkbox label,
+.ui.toggle.checkbox input:checked ~ label,
+.ui.toggle.checkbox input:focus:checked ~ label {
+ color: var(--color-text) !important;
+}
+
+.ui.toggle.checkbox input:checked ~ label::before,
+.ui.toggle.checkbox input:focus:checked ~ label::before {
+ background: var(--color-primary) !important;
+}
+
+/* match <select> padding to <input> */
+.ui.form select {
+ padding: 0.67857143em 1em;
+}
+
+.form .help {
+ color: var(--color-secondary-dark-5);
+ padding-bottom: 0.6em;
+ display: inline-block;
+}
+
+#create-page-form form {
+ margin: auto;
+}
+
+#create-page-form form .ui.message {
+ text-align: center;
+}
+
+@media (min-width: 768px) {
+ #create-page-form form {
+ width: 800px !important;
+ }
+ #create-page-form form .header {
+ padding-left: 280px !important;
+ }
+ #create-page-form form .inline.field > label,
+ #create-page-form form .inline.field.captcha-field > span {
+ text-align: right;
+ width: 250px !important;
+ word-wrap: break-word;
+ }
+ #create-page-form form .help {
+ margin-left: 265px !important;
+ }
+ #create-page-form form .optional .title {
+ margin-left: 250px !important;
+ }
+ #create-page-form form .inline.field > input,
+ #create-page-form form .inline.field > textarea {
+ width: 50%;
+ }
+}
+
+@media (max-width: 767px) {
+ #create-page-form form .optional .title {
+ margin-left: 15px;
+ }
+ #create-page-form form .inline.field > label {
+ display: block;
+ }
+}
+
+.signin .oauth2 div {
+ display: inline-block;
+}
+
+.signin .oauth2 div p {
+ margin: 10px 5px 0 0;
+ float: left;
+}
+
+.signin .oauth2 a {
+ margin-right: 3px;
+}
+
+.signin .oauth2 a:last-child {
+ margin-right: 0;
+}
+
+.signin .oauth2 img {
+ width: 32px;
+ height: 32px;
+}
+
+.signin .oauth2 img.openidConnect {
+ width: auto;
+}
+
+@media (min-width: 768px) {
+ .g-recaptcha-style,
+ .h-captcha-style {
+ margin: 0 auto !important;
+ width: 304px;
+ padding-left: 30px;
+ }
+ .g-recaptcha-style iframe,
+ .h-captcha-style iframe {
+ border-radius: 5px !important;
+ width: 302px !important;
+ height: 76px !important;
+ }
+}
+
+@media (max-height: 575px) {
+ #rc-imageselect,
+ .g-recaptcha-style,
+ .h-captcha-style {
+ transform: scale(0.77);
+ transform-origin: 0 0;
+ }
+}
+
+.user.activate form,
+.user.forgot.password form,
+.user.reset.password form,
+.user.link-account form,
+.user.signin form,
+.user.signup form {
+ margin: auto;
+ width: 700px !important;
+}
+
+.user.activate form .ui.message,
+.user.forgot.password form .ui.message,
+.user.reset.password form .ui.message,
+.user.link-account form .ui.message,
+.user.signin form .ui.message,
+.user.signup form .ui.message {
+ text-align: center;
+}
+
+@media (min-width: 768px) {
+ .user.activate form,
+ .user.forgot.password form,
+ .user.reset.password form,
+ .user.link-account form,
+ .user.signin form,
+ .user.signup form {
+ width: 800px !important;
+ }
+ .user.activate form .header,
+ .user.forgot.password form .header,
+ .user.reset.password form .header,
+ .user.link-account form .header,
+ .user.signin form .header,
+ .user.signup form .header {
+ padding-left: 280px !important;
+ }
+ .user.activate form .inline.field > label,
+ .user.forgot.password form .inline.field > label,
+ .user.reset.password form .inline.field > label,
+ .user.link-account form .inline.field > label,
+ .user.signin form .inline.field > label,
+ .user.signup form .inline.field > label,
+ .user.activate form .inline.field.captcha-field > span,
+ .user.forgot.password form .inline.field.captcha-field > span,
+ .user.reset.password form .inline.field.captcha-field > span,
+ .user.link-account form .inline.field.captcha-field > span,
+ .user.signin form .inline.field.captcha-field > span,
+ .user.signup form .inline.field.captcha-field > span {
+ text-align: right;
+ width: 250px !important;
+ word-wrap: break-word;
+ }
+ .user.activate form .help,
+ .user.forgot.password form .help,
+ .user.reset.password form .help,
+ .user.link-account form .help,
+ .user.signin form .help,
+ .user.signup form .help {
+ margin-left: 265px !important;
+ }
+ .user.activate form .optional .title,
+ .user.forgot.password form .optional .title,
+ .user.reset.password form .optional .title,
+ .user.link-account form .optional .title,
+ .user.signin form .optional .title,
+ .user.signup form .optional .title {
+ margin-left: 250px !important;
+ }
+ .user.activate form .inline.field > input,
+ .user.forgot.password form .inline.field > input,
+ .user.reset.password form .inline.field > input,
+ .user.link-account form .inline.field > input,
+ .user.signin form .inline.field > input,
+ .user.signup form .inline.field > input,
+ .user.activate form .inline.field > textarea,
+ .user.forgot.password form .inline.field > textarea,
+ .user.reset.password form .inline.field > textarea,
+ .user.link-account form .inline.field > textarea,
+ .user.signin form .inline.field > textarea,
+ .user.signup form .inline.field > textarea {
+ width: 50%;
+ }
+}
+
+@media (max-width: 767px) {
+ .user.activate form .optional .title,
+ .user.forgot.password form .optional .title,
+ .user.reset.password form .optional .title,
+ .user.link-account form .optional .title,
+ .user.signin form .optional .title,
+ .user.signup form .optional .title {
+ margin-left: 15px;
+ }
+ .user.activate form .inline.field > label,
+ .user.forgot.password form .inline.field > label,
+ .user.reset.password form .inline.field > label,
+ .user.link-account form .inline.field > label,
+ .user.signin form .inline.field > label,
+ .user.signup form .inline.field > label {
+ display: block;
+ }
+}
+
+.user.activate form .header,
+.user.forgot.password form .header,
+.user.reset.password form .header,
+.user.link-account form .header,
+.user.signin form .header,
+.user.signup form .header {
+ padding-left: 0 !important;
+ text-align: center;
+}
+
+.user.activate form .inline.field > label,
+.user.forgot.password form .inline.field > label,
+.user.reset.password form .inline.field > label,
+.user.link-account form .inline.field > label,
+.user.signin form .inline.field > label,
+.user.signup form .inline.field > label {
+ width: 200px;
+}
+
+@media (max-width: 767px) {
+ .user.activate form .inline.field > label,
+ .user.forgot.password form .inline.field > label,
+ .user.reset.password form .inline.field > label,
+ .user.link-account form .inline.field > label,
+ .user.signin form .inline.field > label,
+ .user.signup form .inline.field > label,
+ .user.activate form input,
+ .user.forgot.password form input,
+ .user.reset.password form input,
+ .user.link-account form input,
+ .user.signin form input,
+ .user.signup form input {
+ width: 100% !important;
+ }
+}
+
+.user.activate form input[type="number"],
+.user.forgot.password form input[type="number"],
+.user.reset.password form input[type="number"],
+.user.link-account form input[type="number"],
+.user.signin form input[type="number"],
+.user.signup form input[type="number"] {
+ -moz-appearance: textfield;
+}
+
+.user.activate form input::-webkit-outer-spin-button,
+.user.forgot.password form input::-webkit-outer-spin-button,
+.user.reset.password form input::-webkit-outer-spin-button,
+.user.link-account form input::-webkit-outer-spin-button,
+.user.signin form input::-webkit-outer-spin-button,
+.user.signup form input::-webkit-outer-spin-button,
+.user.activate form input::-webkit-inner-spin-button,
+.user.forgot.password form input::-webkit-inner-spin-button,
+.user.reset.password form input::-webkit-inner-spin-button,
+.user.link-account form input::-webkit-inner-spin-button,
+.user.signin form input::-webkit-inner-spin-button,
+.user.signup form input::-webkit-inner-spin-button {
+ -webkit-appearance: none;
+ margin: 0;
+}
+
+.user.signin.webauthn-prompt {
+ margin-top: 15px;
+}
+
+.repository.new.repo form,
+.repository.new.migrate form,
+.repository.new.fork form {
+ margin: auto;
+}
+
+.repository.new.repo form .ui.message,
+.repository.new.migrate form .ui.message,
+.repository.new.fork form .ui.message {
+ text-align: center;
+}
+
+@media (min-width: 768px) {
+ .repository.new.repo form,
+ .repository.new.migrate form,
+ .repository.new.fork form {
+ width: 800px !important;
+ }
+ .repository.new.repo form .header,
+ .repository.new.migrate form .header,
+ .repository.new.fork form .header {
+ padding-left: 280px !important;
+ }
+ .repository.new.repo form .inline.field > label,
+ .repository.new.migrate form .inline.field > label,
+ .repository.new.fork form .inline.field > label,
+ .repository.new.repo form .inline.field.captcha-field > span,
+ .repository.new.migrate form .inline.field.captcha-field > span,
+ .repository.new.fork form .inline.field.captcha-field > span {
+ text-align: right;
+ width: 250px !important;
+ word-wrap: break-word;
+ }
+ .repository.new.repo form .help,
+ .repository.new.migrate form .help,
+ .repository.new.fork form .help {
+ margin-left: 265px !important;
+ }
+ .repository.new.repo form .optional .title,
+ .repository.new.migrate form .optional .title,
+ .repository.new.fork form .optional .title {
+ margin-left: 250px !important;
+ }
+ .repository.new.repo form .inline.field > input,
+ .repository.new.migrate form .inline.field > input,
+ .repository.new.fork form .inline.field > input,
+ .repository.new.repo form .inline.field > textarea,
+ .repository.new.migrate form .inline.field > textarea,
+ .repository.new.fork form .inline.field > textarea {
+ width: 50%;
+ }
+}
+
+@media (max-width: 767px) {
+ .repository.new.repo form .optional .title,
+ .repository.new.migrate form .optional .title,
+ .repository.new.fork form .optional .title {
+ margin-left: 15px;
+ }
+ .repository.new.repo form .inline.field > label,
+ .repository.new.migrate form .inline.field > label,
+ .repository.new.fork form .inline.field > label {
+ display: block;
+ }
+}
+
+.repository.new.repo form .dropdown .text,
+.repository.new.migrate form .dropdown .text,
+.repository.new.fork form .dropdown .text {
+ margin-right: 0 !important;
+}
+
+.repository.new.repo form .header,
+.repository.new.migrate form .header,
+.repository.new.fork form .header {
+ padding-left: 0 !important;
+ text-align: center;
+}
+
+.repository.new.repo form .selection.dropdown,
+.repository.new.migrate form .selection.dropdown,
+.repository.new.fork form .selection.dropdown {
+ vertical-align: middle;
+ width: 50% !important;
+}
+
+@media (max-width: 767px) {
+ .repository.new.repo form label,
+ .repository.new.migrate form label,
+ .repository.new.fork form label,
+ .repository.new.repo form input,
+ .repository.new.migrate form input,
+ .repository.new.fork form input,
+ .repository.new.repo form .selection.dropdown,
+ .repository.new.migrate form .selection.dropdown,
+ .repository.new.fork form .selection.dropdown {
+ width: 100% !important;
+ }
+ .repository.new.repo form .field button,
+ .repository.new.migrate form .field button,
+ .repository.new.fork form .field button,
+ .repository.new.repo form .field a,
+ .repository.new.migrate form .field a,
+ .repository.new.fork form .field a {
+ margin-bottom: 1em;
+ width: 100%;
+ }
+}
+
+@media (min-width: 768px) {
+ .repository.new.repo .ui.form #auto-init {
+ margin-left: 265px !important;
+ }
+}
+
+.repository.new.repo .ui.form .selection.dropdown:not(.owner) {
+ width: 50% !important;
+}
+
+@media (max-width: 767px) {
+ .repository.new.repo .ui.form .selection.dropdown:not(.owner) {
+ width: 100% !important;
+ }
+}
+
+.new.webhook form .help {
+ margin-left: 25px;
+}
+
+.new.webhook .events.fields .column {
+ padding-left: 40px;
+}
+
+.githook textarea {
+ font-family: var(--fonts-monospace);
+}
+
+@media (max-width: 767px) {
+ .new.org .ui.form .field button,
+ .new.org .ui.form .field a {
+ margin-bottom: 1em;
+ width: 100%;
+ }
+ .new.org .ui.form .field input {
+ width: 100% !important;
+ }
+}
diff --git a/web_src/less/helpers.less b/web_src/css/helpers.css
similarity index 99%
rename from web_src/less/helpers.less
rename to web_src/css/helpers.css
index 91ea2268e2..9e974b9ea1 100644
--- a/web_src/less/helpers.less
+++ b/web_src/css/helpers.css
@@ -196,7 +196,7 @@
.gt-content-center { align-content: center !important; }
-@media @mediaSm {
+@media (max-width: 767px) {
.gt-db-small { display: block !important; }
.gt-w-100-small { width: 100% !important; }
.gt-js-small { justify-content: flex-start !important; }
diff --git a/web_src/css/home.css b/web_src/css/home.css
new file mode 100644
index 0000000000..5d36da594c
--- /dev/null
+++ b/web_src/css/home.css
@@ -0,0 +1,53 @@
+.home .logo {
+ max-width: 220px;
+}
+
+@media (max-width: 767px) {
+ .home .hero h1 {
+ font-size: 3.5em;
+ }
+ .home .hero h2 {
+ font-size: 2em;
+ }
+}
+
+@media (min-width: 768px) {
+ .home .hero h1 {
+ font-size: 5.5em;
+ }
+ .home .hero h2 {
+ font-size: 3em;
+ }
+}
+
+.home .hero .svg {
+ color: var(--color-green);
+ height: 40px;
+ width: 50px;
+ vertical-align: bottom;
+}
+
+.home .hero.header {
+ font-size: 20px;
+}
+
+.home p.large {
+ font-size: 16px;
+}
+
+.home .stackable {
+ padding-top: 30px;
+}
+
+.home a {
+ color: var(--color-green);
+}
+
+@media (max-width: 880px) {
+ footer .ui.container .left,
+ footer .ui.container .right {
+ display: block;
+ text-align: center;
+ float: none;
+ }
+}
diff --git a/web_src/css/index.css b/web_src/css/index.css
new file mode 100644
index 0000000000..dd5f739379
--- /dev/null
+++ b/web_src/css/index.css
@@ -0,0 +1,40 @@
+@import "font-awesome/css/font-awesome.css";
+
+@import "./animations.css";
+@import "./shared/issuelist.css";
+@import "./features/dropzone.css";
+@import "./features/gitgraph.css";
+@import "./features/heatmap.css";
+@import "./features/imagediff.css";
+@import "./features/codeeditor.css";
+@import "./features/projects.css";
+@import "./modules/tippy.css";
+@import "./code/linebutton.css";
+@import "./markup/content.css";
+@import "./markup/codecopy.css";
+@import "./markup/asciicast.css";
+
+@import "./chroma/base.css";
+@import "./chroma/light.css";
+@import "./codemirror/base.css";
+@import "./codemirror/light.css";
+@import "./console/console.css";
+
+@import "./svg.css";
+@import "./tribute.css";
+@import "./font_i18n.css";
+@import "./base.css";
+@import "./home.css";
+@import "./install.css";
+@import "./form.css";
+@import "./repository.css";
+@import "./editor.css";
+@import "./organization.css";
+@import "./user.css";
+@import "./dashboard.css";
+@import "./admin.css";
+@import "./explore.css";
+@import "./review.css";
+@import "./package.css";
+@import "./runner.css";
+@import "./helpers.css";
diff --git a/web_src/css/install.css b/web_src/css/install.css
new file mode 100644
index 0000000000..b936ba66fd
--- /dev/null
+++ b/web_src/css/install.css
@@ -0,0 +1,65 @@
+.page-content.install {
+ padding-top: 45px;
+}
+
+.page-content.install form.ui.form .inline.field > label {
+ text-align: right;
+ width: 30%;
+ padding-right: 10px;
+ margin-right: 0;
+}
+
+.page-content.install form.ui.form .inline.field > .ui.checkbox:first-child {
+ margin-left: 30%;
+ padding-left: 5px;
+}
+
+.page-content.install form.ui.form .inline.field > .ui.checkbox:first-child label {
+ width: auto;
+}
+
+.page-content.install form.ui.form .title {
+ margin-left: 30%;
+ padding-left: 5px;
+}
+
+.page-content.install form.ui.form input {
+ width: 60%;
+}
+
+.page-content.install form.ui.form details.optional.field[open] {
+ border-bottom: 1px solid var(--color-secondary);
+ padding-bottom: 10px;
+}
+
+.page-content.install form.ui.form details.optional.field[open] summary {
+ margin-bottom: 10px;
+}
+
+.page-content.install form.ui.form details.optional.field * {
+ box-sizing: border-box;
+}
+
+.page-content.install form.ui.form .field {
+ text-align: left;
+}
+
+.page-content.install form.ui.form .field .help {
+ margin-left: 30%;
+ padding-left: 5px;
+ width: 60%;
+}
+
+.page-content.install .ui .reinstall-message {
+ width: 70%;
+ margin: 20px auto;
+ color: var(--color-red);
+ text-align: left;
+ font-weight: bold;
+}
+
+.page-content.install .ui .reinstall-confirm {
+ width: 70%;
+ text-align: left;
+ margin: 10px auto;
+}
diff --git a/web_src/less/markup/asciicast.less b/web_src/css/markup/asciicast.css
similarity index 100%
rename from web_src/less/markup/asciicast.less
rename to web_src/css/markup/asciicast.css
diff --git a/web_src/less/markup/codecopy.less b/web_src/css/markup/codecopy.css
similarity index 92%
rename from web_src/less/markup/codecopy.less
rename to web_src/css/markup/codecopy.css
index f6f9894fc1..e3017ae962 100644
--- a/web_src/less/markup/codecopy.less
+++ b/web_src/css/markup/codecopy.css
@@ -9,7 +9,7 @@
right: 6px;
padding: 9px;
visibility: hidden;
- animation: fadeout .2s both;
+ animation: fadeout 0.2s both;
}
/* adjustments for comment content having only 14px font size */
@@ -23,6 +23,7 @@
.markup .code-copy:hover {
background: var(--color-secondary) !important;
}
+
.markup .code-copy:active {
background: var(--color-secondary-dark-1) !important;
}
@@ -30,5 +31,5 @@
.markup .code-block:hover .code-copy,
.markup .mermaid-block:hover .code-copy {
visibility: visible;
- animation: fadein .2s both;
+ animation: fadein 0.2s both;
}
diff --git a/web_src/css/markup/content.css b/web_src/css/markup/content.css
new file mode 100644
index 0000000000..00283dd0a2
--- /dev/null
+++ b/web_src/css/markup/content.css
@@ -0,0 +1,559 @@
+.markup {
+ overflow: hidden;
+ font-size: 16px;
+ line-height: 1.5 !important;
+ word-wrap: break-word;
+}
+
+.markup.ui.segment {
+ padding: 3em;
+}
+
+.markup.file-view {
+ padding: 2em !important;
+}
+
+.markup > *:first-child {
+ margin-top: 0 !important;
+}
+
+.markup > *:last-child {
+ margin-bottom: 0 !important;
+}
+
+.markup a:not([href]) {
+ color: inherit;
+ text-decoration: none;
+}
+
+.markup .absent {
+ color: var(--color-red);
+}
+
+.markup .anchor {
+ padding-right: 4px;
+ margin-left: -20px;
+ line-height: 1;
+ color: inherit;
+}
+
+.markup .anchor .svg {
+ vertical-align: middle;
+}
+
+.markup .anchor:focus {
+ outline: none;
+}
+
+.markup h1 .anchor .svg,
+.markup h2 .anchor .svg,
+.markup h3 .anchor .svg,
+.markup h4 .anchor .svg,
+.markup h5 .anchor .svg,
+.markup h6 .anchor .svg {
+ visibility: hidden;
+}
+
+.markup h1:hover .anchor .svg,
+.markup h2:hover .anchor .svg,
+.markup h3:hover .anchor .svg,
+.markup h4:hover .anchor .svg,
+.markup h5:hover .anchor .svg,
+.markup h6:hover .anchor .svg {
+ visibility: visible;
+}
+
+.markup h2 .anchor .svg,
+.markup h3 .anchor .svg,
+.markup h4 .anchor .svg {
+ position: relative;
+ top: -2px;
+}
+
+.markup h1,
+.markup h2,
+.markup h3,
+.markup h4,
+.markup h5,
+.markup h6 {
+ margin-top: 24px;
+ margin-bottom: 16px;
+ font-weight: 600;
+ line-height: 1.25;
+}
+
+.markup h1 tt,
+.markup h1 code,
+.markup h2 tt,
+.markup h2 code,
+.markup h3 tt,
+.markup h3 code,
+.markup h4 tt,
+.markup h4 code,
+.markup h5 tt,
+.markup h5 code,
+.markup h6 tt,
+.markup h6 code {
+ font-size: inherit;
+}
+
+.markup h1 {
+ padding-bottom: 0.3em;
+ font-size: 2em;
+ border-bottom: 1px solid var(--color-secondary);
+}
+
+.markup h2 {
+ padding-bottom: 0.3em;
+ font-size: 1.5em;
+ border-bottom: 1px solid var(--color-secondary);
+}
+
+.markup h3 {
+ font-size: 1.25em;
+}
+
+.markup h4 {
+ font-size: 1em;
+}
+
+.markup h5 {
+ font-size: 0.875em;
+}
+
+.markup h6 {
+ font-size: 0.85em;
+ color: var(--color-text-light-2);
+}
+
+.markup p,
+.markup blockquote,
+.markup details,
+.markup ul,
+.markup ol,
+.markup dl,
+.markup table,
+.markup pre {
+ margin-top: 0;
+ margin-bottom: 16px;
+}
+
+.markup hr {
+ height: 4px;
+ padding: 0;
+ margin: 16px 0;
+ background-color: var(--color-secondary);
+ border: 0;
+}
+
+.markup ul,
+.markup ol {
+ padding-left: 2em;
+}
+
+.markup ul.no-list,
+.markup ol.no-list {
+ padding: 0;
+ list-style-type: none;
+}
+
+.markup .task-list-item {
+ list-style-type: none;
+ position: relative;
+ line-height: 1.5rem;
+ min-height: 1.5rem; /* // to render a checkbox list without content `- [ ]`, we need this min-height to make sure the <li> can be visible */
+}
+
+.markup .task-list-item input[type="checkbox"] {
+ position: absolute;
+ top: 0.25em;
+ left: -1.6em;
+}
+
+.markup .task-list-item p {
+ line-height: 1.5rem;
+}
+
+.markup .task-list-item + .task-list-item {
+ margin-top: 3px;
+}
+
+.markup input[type="checkbox"] {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ position: relative;
+ border: 1px solid var(--color-secondary);
+ border-radius: 2px;
+ background: var(--color-input-background);
+ height: 14px;
+ width: 14px;
+ opacity: 1 !important; /* override fomantic on edit preview */
+ pointer-events: auto !important; /* override fomantic on edit preview */
+ vertical-align: middle !important; /* override fomantic on edit preview */
+ -webkit-print-color-adjust: exact;
+ color-adjust: exact;
+}
+
+.markup input[type="checkbox"]:not([disabled]):hover,
+.markup input[type="checkbox"]:not([disabled]):active {
+ border-color: var(--color-primary);
+}
+
+.markup input[type="checkbox"]::after {
+ position: absolute;
+ left: 0;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ pointer-events: none;
+ background: var(--color-text);
+ mask-size: cover;
+ -webkit-mask-size: cover;
+}
+
+.markup input[type="checkbox"]:checked::after {
+ content: "";
+ mask-image: var(--checkbox-mask-checked);
+ -webkit-mask-image: var(--checkbox-mask-checked);
+ -webkit-print-color-adjust: exact;
+ color-adjust: exact;
+}
+
+.markup input[type="checkbox"]:indeterminate::after {
+ content: "";
+ mask-image: var(--checkbox-mask-indeterminate);
+ -webkit-mask-image: var(--checkbox-mask-indeterminate);
+}
+
+.markup ul ul,
+.markup ul ol,
+.markup ol ol,
+.markup ol ul {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+.markup ol ol,
+.markup ul ol {
+ list-style-type: lower-roman;
+}
+
+.markup li > p {
+ margin-top: 16px;
+}
+
+.markup li + li {
+ margin-top: 0.25em;
+}
+
+.markup dl {
+ padding: 0;
+}
+
+.markup dl dt {
+ padding: 0;
+ margin-top: 16px;
+ font-size: 1em;
+ font-style: italic;
+ font-weight: 600;
+}
+
+.markup dl dd {
+ padding: 0 16px;
+ margin-bottom: 16px;
+}
+
+.markup blockquote {
+ margin-left: 0;
+ padding: 0 15px;
+ color: var(--color-text-light-2);
+ border-left: 4px solid var(--color-secondary);
+}
+
+.markup blockquote > :first-child {
+ margin-top: 0;
+}
+
+.markup blockquote > :last-child {
+ margin-bottom: 0;
+}
+
+.markup table {
+ display: block;
+ width: 100%;
+ width: max-content;
+ max-width: 100%;
+ overflow: auto;
+}
+
+.markup table th {
+ font-weight: 600;
+}
+
+.markup table th,
+.markup table td {
+ padding: 6px 13px !important;
+ border: 1px solid var(--color-secondary) !important;
+}
+
+.markup table tr {
+ border-top: 1px solid var(--color-secondary);
+}
+
+.markup table tr:nth-child(2n) {
+ background-color: var(--color-markup-table-row);
+}
+
+.markup img {
+ max-width: 100%;
+ box-sizing: initial;
+}
+
+.markup img[align="right"] {
+ padding-left: 20px;
+}
+
+.markup img[align="left"] {
+ padding-right: 20px;
+}
+
+.markup .emoji {
+ max-width: none;
+ vertical-align: text-top;
+}
+
+.markup span.frame {
+ display: block;
+ overflow: hidden;
+}
+
+.markup span.frame > span {
+ display: block;
+ float: left;
+ width: auto;
+ padding: 7px;
+ margin: 13px 0 0;
+ overflow: hidden;
+ border: 1px solid var(--color-secondary);
+}
+
+.markup span.frame span img {
+ display: block;
+ float: left;
+}
+
+.markup span.frame span span {
+ display: block;
+ padding: 5px 0 0;
+ clear: both;
+ color: var(--color-text);
+}
+
+.markup span.align-center {
+ display: block;
+ overflow: hidden;
+ clear: both;
+}
+
+.markup span.align-center > span {
+ display: block;
+ margin: 13px auto 0;
+ overflow: hidden;
+ text-align: center;
+}
+
+.markup span.align-center span img {
+ margin: 0 auto;
+ text-align: center;
+}
+
+.markup span.align-right {
+ display: block;
+ overflow: hidden;
+ clear: both;
+}
+
+.markup span.align-right > span {
+ display: block;
+ margin: 13px 0 0;
+ overflow: hidden;
+ text-align: right;
+}
+
+.markup span.align-right span img {
+ margin: 0;
+ text-align: right;
+}
+
+.markup span.float-left {
+ display: block;
+ float: left;
+ margin-right: 13px;
+ overflow: hidden;
+}
+
+.markup span.float-left span {
+ margin: 13px 0 0;
+}
+
+.markup span.float-right {
+ display: block;
+ float: right;
+ margin-left: 13px;
+ overflow: hidden;
+}
+
+.markup span.float-right > span {
+ display: block;
+ margin: 13px auto 0;
+ overflow: hidden;
+ text-align: right;
+}
+
+.markup code,
+.markup tt {
+ padding: 0.2em 0.4em;
+ margin: 0;
+ font-size: 85%;
+ white-space: break-spaces;
+ background-color: var(--color-markup-code-block);
+ border-radius: 4px;
+}
+
+.markup code br,
+.markup tt br {
+ display: none;
+}
+
+.markup del code {
+ text-decoration: inherit;
+}
+
+.markup pre > code {
+ padding: 0;
+ margin: 0;
+ font-size: 100%;
+ white-space: pre-wrap;
+ word-break: break-all;
+ overflow-wrap: break-word;
+ background: transparent;
+ border: 0;
+}
+
+.markup .highlight {
+ margin-bottom: 16px;
+}
+
+.markup .highlight pre,
+.markup pre {
+ padding: 16px;
+ font-size: 85%;
+ line-height: 1.45;
+ background-color: var(--color-markup-code-block);
+ border-radius: 4px;
+}
+
+.markup .highlight pre {
+ margin-bottom: 0;
+ word-break: normal;
+}
+
+.markup pre {
+ word-wrap: normal;
+}
+
+.markup pre code,
+.markup pre tt {
+ display: inline;
+ max-width: initial;
+ padding: 0;
+ margin: 0;
+ overflow: initial;
+ line-height: inherit;
+ word-wrap: normal;
+ background-color: transparent;
+ border: 0;
+}
+
+.markup pre code::before,
+.markup pre code::after,
+.markup pre tt::before,
+.markup pre tt::after {
+ content: normal;
+}
+
+.markup kbd {
+ display: inline-block;
+ padding: 3px 5px;
+ font-size: 11px;
+ line-height: 10px;
+ color: var(--color-text-light);
+ vertical-align: middle;
+ background-color: var(--color-markup-code-block);
+ border: 1px solid var(--color-secondary);
+ border-radius: 3px;
+ box-shadow: inset 0 -1px 0 var(--color-secondary);
+}
+
+.markup .ui.list .list,
+.markup ol.ui.list ol,
+.markup ul.ui.list ul {
+ padding-left: 2em;
+}
+
+.repository.wiki.revisions .ui.container > .ui.stackable.grid {
+ -ms-flex-direction: row-reverse;
+ flex-direction: row-reverse;
+}
+
+.repository.wiki.revisions .ui.container > .ui.stackable.grid > .header {
+ margin-top: 0;
+}
+
+.repository.wiki.revisions .ui.container > .ui.stackable.grid > .header .sub.header {
+ padding-left: 52px;
+ word-break: break-word;
+}
+
+.file-revisions-btn {
+ display: block;
+ float: left;
+ margin-bottom: 2px !important;
+ padding: 11px !important;
+ margin-right: 10px !important;
+}
+
+.file-revisions-btn i {
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ user-select: none;
+}
+
+.markup-render {
+ display: block;
+ border: none;
+ width: 100%;
+ height: var(--height-loading); /* actual height is set in JS after loading */
+ overflow: hidden;
+ color-scheme: normal; /* match the value inside the iframe to allow it to become transparent */
+}
+
+.markup-block-error {
+ border: 1px solid var(--color-error-border) !important;
+ margin-bottom: 0 !important;
+ border-bottom-left-radius: 0 !important;
+ border-bottom-right-radius: 0 !important;
+ box-shadow: none !important;
+ font-size: 85% !important;
+ white-space: pre-wrap !important;
+ padding: 0.5rem 1rem !important;
+ text-align: left !important;
+}
+
+.markup-block-error + pre {
+ border-top: none !important;
+ margin-top: 0 !important;
+ border-top-left-radius: 0 !important;
+ border-top-right-radius: 0 !important;
+}
diff --git a/web_src/less/modules/tippy.less b/web_src/css/modules/tippy.css
similarity index 96%
rename from web_src/less/modules/tippy.less
rename to web_src/css/modules/tippy.css
index 68d6eb7fa3..a026f9c6b6 100644
--- a/web_src/less/modules/tippy.less
+++ b/web_src/css/modules/tippy.css
@@ -1,6 +1,6 @@
/* styles are based on node_modules/tippy.js/dist/tippy.css */
-// class to hide tippy target elements on page load
+/* class to hide tippy target elements on page load */
.tippy-target {
display: none !important;
}
@@ -40,7 +40,7 @@
}
.tippy-box[data-theme="tooltip"] .tippy-content {
- padding: .5rem 1rem;
+ padding: 0.5rem 1rem;
}
.tippy-box[data-theme="menu"] .tippy-content {
diff --git a/web_src/css/organization.css b/web_src/css/organization.css
new file mode 100644
index 0000000000..0a7cd26513
--- /dev/null
+++ b/web_src/css/organization.css
@@ -0,0 +1,250 @@
+#create-page-form form {
+ margin: auto;
+}
+
+#create-page-form form .ui.message {
+ text-align: center;
+}
+
+@media (min-width: 768px) {
+ #create-page-form form {
+ width: 800px !important;
+ }
+ #create-page-form form .header {
+ padding-left: 280px !important;
+ }
+ #create-page-form form .inline.field > label,
+ #create-page-form form .inline.field.captcha-field > span {
+ text-align: right;
+ width: 250px !important;
+ word-wrap: break-word;
+ }
+ #create-page-form form .help {
+ margin-left: 265px !important;
+ }
+ #create-page-form form .optional .title {
+ margin-left: 250px !important;
+ }
+ #create-page-form form .inline.field > input,
+ #create-page-form form .inline.field > textarea {
+ width: 50%;
+ }
+}
+
+@media (max-width: 767px) {
+ #create-page-form form .optional .title {
+ margin-left: 15px;
+ }
+ #create-page-form form .inline.field > label {
+ display: block;
+ }
+}
+
+.organization .head .ui.header .text {
+ vertical-align: middle;
+ font-size: 1.6rem;
+ margin-left: 15px;
+}
+
+.organization .head .ui.header .org-visibility .label {
+ margin-left: 5px;
+ margin-top: 5px;
+}
+
+.organization .head .ui.header .ui.right {
+ margin-top: 5px;
+}
+
+.organization .ui.secondary.stackable.pointing.menu {
+ flex-wrap: wrap;
+ margin-top: 5px;
+ margin-bottom: 10px;
+}
+
+.organization.new.org form {
+ margin: auto;
+}
+
+.organization.new.org form .ui.message {
+ text-align: center;
+}
+
+@media (min-width: 768px) {
+ .organization.new.org form {
+ width: 800px !important;
+ }
+ .organization.new.org form .header {
+ padding-left: 280px !important;
+ }
+ .organization.new.org form .inline.field > label,
+ .organization.new.org form .inline.field.captcha-field > span {
+ text-align: right;
+ width: 250px !important;
+ word-wrap: break-word;
+ }
+ .organization.new.org form .help {
+ margin-left: 265px !important;
+ }
+ .organization.new.org form .optional .title {
+ margin-left: 250px !important;
+ }
+ .organization.new.org form .inline.field > input,
+ .organization.new.org form .inline.field > textarea {
+ width: 50%;
+ }
+}
+
+@media (max-width: 767px) {
+ .organization.new.org form .optional .title {
+ margin-left: 15px;
+ }
+ .organization.new.org form .inline.field > label {
+ display: block;
+ }
+}
+
+.organization.new.org form .header {
+ padding-left: 0 !important;
+ text-align: center;
+}
+
+.organization.options input {
+ min-width: 300px;
+}
+
+.organization.profile .org-avatar {
+ width: 100px;
+ height: 100px;
+ margin-right: 15px;
+}
+
+.organization.profile #org-info {
+ overflow-wrap: anywhere;
+}
+
+.organization.profile #org-info .ui.header {
+ display: flex;
+ align-items: center;
+ font-size: 36px;
+ margin-bottom: 0;
+}
+
+.organization.profile #org-info .ui.header .org-visibility .label {
+ margin-left: 5px;
+ margin-top: 2px;
+}
+
+.organization.profile #org-info .desc {
+ font-size: 16px;
+ margin-bottom: 10px;
+}
+
+.organization.profile #org-info .meta .item {
+ display: inline-block;
+ margin-right: 10px;
+}
+
+.organization.profile #org-info .meta .item .icon {
+ margin-right: 5px;
+}
+
+.organization.profile .ui.top.header .ui.right {
+ margin-top: 0;
+}
+
+.organization.profile .teams .item {
+ padding: 10px 15px;
+}
+
+.organization.teams .members a:hover,
+.organization.profile .members a:hover {
+ text-decoration: none;
+}
+
+.organization.teams .members .ui.avatar,
+.organization.profile .members .ui.avatar {
+ width: 48px;
+ height: 48px;
+ margin-right: 5px;
+ margin-bottom: 5px;
+}
+
+.organization.invite #invite-box {
+ margin: 50px auto auto;
+ width: 500px !important;
+}
+
+.organization.invite #invite-box #search-user-box input {
+ margin-left: 0;
+ width: 300px;
+}
+
+.organization.invite #invite-box .ui.button {
+ margin-left: 5px;
+ margin-top: -3px;
+}
+
+.organization.invite .ui.avatar {
+ width: 100%;
+ height: 100%;
+}
+
+.organization.members .list .item {
+ margin-left: 0;
+ margin-right: 0;
+ border-bottom: 1px solid var(--color-secondary);
+}
+
+.organization.members .list .item .ui.avatar {
+ width: 48px;
+ height: auto;
+ margin-right: 1rem;
+ align-self: flex-start;
+}
+
+.organization.members .list .item .meta {
+ line-height: 24px;
+ word-break: break-word;
+ min-width: 2em;
+}
+
+.organization.teams .detail .item {
+ padding: 10px 15px;
+}
+
+.organization.teams .detail .item:not(:last-child) {
+ border-bottom: 1px solid var(--color-secondary);
+}
+
+.organization.teams .repositories .item,
+.organization.teams .members .item {
+ padding: 10px 20px;
+ line-height: 32px;
+}
+
+.organization.teams .repositories .item:not(:last-child),
+.organization.teams .members .item:not(:last-child) {
+ border-bottom: 1px solid var(--color-secondary);
+}
+
+.organization.teams .repositories .item .button,
+.organization.teams .members .item .button {
+ padding: 9px 10px;
+}
+
+.organization.teams #add-repo-form input,
+.organization.teams #repo-multiple-form input,
+.organization.teams #add-member-form input {
+ margin-left: 0;
+}
+
+.organization.teams #add-repo-form .ui.button,
+.organization.teams #repo-multiple-form .ui.button,
+.organization.teams #add-member-form .ui.button {
+ margin-left: 5px;
+ margin-top: -3px;
+}
+
+.organization.teams #repo-top-segment {
+ height: 60px;
+}
diff --git a/web_src/css/package.css b/web_src/css/package.css
new file mode 100644
index 0000000000..c229e176f5
--- /dev/null
+++ b/web_src/css/package.css
@@ -0,0 +1,7 @@
+.container-labels td:nth-child(1) {
+ vertical-align: top;
+}
+
+.container-labels td:nth-child(2) {
+ overflow-wrap: anywhere;
+}
diff --git a/web_src/css/repository.css b/web_src/css/repository.css
new file mode 100644
index 0000000000..ad2ac49b99
--- /dev/null
+++ b/web_src/css/repository.css
@@ -0,0 +1,3629 @@
+.repository .data-table .line-num,
+.repository .diff-file-box .file-body.file-code .lines-num,
+.repository .diff-file-box .code-diff tbody tr .lines-type-marker,
+.repository .repository-summary .segment.language-stats {
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ user-select: none;
+}
+
+.repository .repo-header .ui.compact.menu {
+ margin-left: 1rem;
+}
+
+.repository .repo-header .ui.header {
+ margin-top: 0;
+}
+
+.repository .repo-header .fork-flag {
+ font-size: 12px;
+ margin-top: 2px;
+}
+
+.repository .repo-header .repo-buttons .svg {
+ margin: 0 0.42857143em 0 -0.21428571em;
+}
+
+.repository .repo-header .button {
+ margin-top: 2px;
+ margin-bottom: 2px;
+}
+
+.repository .tabs .navbar {
+ justify-content: initial;
+}
+
+.repository .navbar {
+ display: flex;
+ justify-content: space-between;
+}
+
+.repository .navbar .ui.label {
+ margin-left: 7px;
+ padding: 3px 5px;
+}
+
+.repository .owner.dropdown {
+ min-width: 40% !important;
+}
+
+.repository .unicode-escaped .escaped-code-point[data-escaped]::before {
+ visibility: visible;
+ content: attr(data-escaped);
+ font-family: var(--fonts-monospace);
+ color: var(--color-red);
+}
+
+.repository .unicode-escaped .escaped-code-point .char {
+ display: none;
+}
+
+.repository .broken-code-point {
+ font-family: var(--fonts-monospace);
+ color: var(--color-blue);
+}
+
+.repository .unicode-escaped .ambiguous-code-point {
+ border: 1px var(--color-yellow) solid;
+}
+
+.repository .metas .menu {
+ overflow-x: auto;
+ max-height: 500px;
+}
+
+.repository .metas .ui.list.assignees .icon {
+ line-height: 2em;
+}
+
+.repository .metas .ui.list.assignees .teamavatar {
+ margin-top: 0.125rem;
+ margin-left: 6.75px;
+ margin-right: 8.75px;
+}
+
+.repository .metas .ui.list .dependency {
+ padding: 0;
+ white-space: nowrap;
+}
+
+.repository .metas .ui.list .title {
+ max-width: 200px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+@media (max-width: 1200px) {
+ .repository .metas .ui.list .title {
+ max-width: 150px;
+ }
+}
+
+@media (max-width: 1000px) {
+ .repository .metas .ui.list .title {
+ max-width: 100px;
+ }
+}
+
+.repository .metas #deadlineForm input {
+ width: 12.8rem;
+ border-radius: 4px 0 0 4px;
+ border-right: 0;
+ white-space: nowrap;
+}
+
+.repository .header-wrapper {
+ background-color: var(--color-navbar);
+}
+
+.repository .header-wrapper .ui.tabs.divider {
+ border-bottom: 0;
+}
+
+.repository .header-wrapper .ui.tabular .svg {
+ margin-right: 5px;
+}
+
+.repository .filter.menu.labels .label-filter .menu .info {
+ display: inline-block;
+ padding: 0.5rem 0.25rem;
+ border-bottom: 1px solid var(--color-secondary);
+ font-size: 12px;
+ width: 100%;
+ white-space: nowrap;
+ text-align: center;
+}
+
+.repository .filter.menu.labels .label-filter .menu .info code {
+ border: 1px solid var(--color-secondary);
+ border-radius: 3px;
+ padding: 1px 2px;
+ font-size: 11px;
+}
+
+.repository .filter.menu .menu {
+ max-height: 500px;
+ overflow-x: auto;
+ right: 0 !important;
+ left: auto !important;
+}
+
+.repository .select-label .desc {
+ padding-left: 23px;
+}
+
+.repository .ui.tabs.container {
+ margin-top: 14px;
+ margin-bottom: 0;
+}
+
+.repository .ui.tabs.container .ui.menu {
+ border-bottom: 0;
+}
+
+.repository .ui.tabs.divider {
+ margin-top: 0;
+ margin-bottom: 20px;
+}
+
+.repository #clone-panel #repo-clone-url {
+ width: 320px;
+}
+
+@media (min-width: 768px) and (max-width: 991px) {
+ .repository #clone-panel #repo-clone-url {
+ width: 200px;
+ }
+}
+
+@media (max-width: 767px) {
+ .repository #clone-panel #repo-clone-url {
+ width: 200px;
+ }
+}
+
+.repository #clone-panel #repo-clone-https,
+.repository #clone-panel #repo-clone-ssh {
+ border-right: none;
+}
+
+.repository #clone-panel #more-btn {
+ border-left: none;
+}
+
+.repository #clone-panel button:first-of-type {
+ border-radius: var(--border-radius) 0 0 var(--border-radius) !important;
+}
+
+.repository #clone-panel button:last-of-type {
+ border-radius: 0 var(--border-radius) var(--border-radius) 0 !important;
+}
+
+.repository #clone-panel .dropdown .menu {
+ right: 0 !important;
+ left: auto !important;
+}
+
+.repository.file.list .repo-description {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+
+.repository.file.list #repo-desc {
+ font-size: 1.2em;
+}
+
+.repository.file.list .repo-path .section,
+.repository.file.list .repo-path .divider {
+ display: inline;
+}
+
+.repository.file.list #repo-files-table {
+ table-layout: fixed;
+}
+
+.repository.file.list #repo-files-table thead th {
+ padding-top: 8px;
+ padding-bottom: 5px;
+ font-weight: normal;
+}
+
+.repository.file.list #repo-files-table thead .ui.avatar {
+ margin-bottom: 5px;
+}
+
+.repository.file.list #repo-files-table tbody .svg {
+ margin-left: 3px;
+ margin-right: 5px;
+}
+
+.repository.file.list #repo-files-table tbody .svg.octicon-reply {
+ margin-right: 10px;
+}
+
+.repository.file.list #repo-files-table tbody .svg.octicon-file-directory-fill,
+.repository.file.list #repo-files-table tbody .svg.octicon-file-submodule {
+ color: var(--color-primary);
+}
+
+.repository.file.list #repo-files-table tbody .svg.octicon-file,
+.repository.file.list #repo-files-table tbody .svg.octicon-file-symlink-file {
+ color: var(--color-secondary-dark-7);
+}
+
+.repository.file.list #repo-files-table td {
+ padding-top: 0;
+ padding-bottom: 0;
+ overflow: initial;
+}
+
+.repository.file.list #repo-files-table td.name {
+ width: 33%;
+ max-width: calc(100vw - 140px);
+}
+
+@media (min-width: 1201px) {
+ .repository.file.list #repo-files-table td.name {
+ max-width: 150px;
+ }
+}
+
+@media (min-width: 992px) and (max-width: 1200px) {
+ .repository.file.list #repo-files-table td.name {
+ max-width: 200px;
+ }
+}
+
+@media (min-width: 768px) and (max-width: 991px) {
+ .repository.file.list #repo-files-table td.name {
+ max-width: 300px;
+ }
+}
+
+.repository.file.list #repo-files-table td.message {
+ color: var(--color-text-light-1);
+ width: 66%;
+}
+
+@media (min-width: 1201px) {
+ .repository.file.list #repo-files-table td.message {
+ max-width: 400px;
+ }
+}
+
+@media (min-width: 992px) and (max-width: 1200px) {
+ .repository.file.list #repo-files-table td.message {
+ max-width: 350px;
+ }
+}
+
+@media (min-width: 768px) and (max-width: 991px) {
+ .repository.file.list #repo-files-table td.message {
+ max-width: 250px;
+ }
+}
+
+.repository.file.list #repo-files-table td.age {
+ width: 120px;
+ color: var(--color-text-light-1);
+}
+
+.repository.file.list #repo-files-table td .truncate {
+ display: inline-block;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ width: 100%;
+ padding-top: 8px;
+ padding-bottom: 8px;
+}
+
+.repository.file.list #repo-files-table td a {
+ padding-top: 8px;
+ padding-bottom: 8px;
+}
+
+.repository.file.list #repo-files-table td .at {
+ margin-left: 3px;
+ margin-right: 3px;
+}
+
+.repository.file.list #repo-files-table td > * {
+ vertical-align: middle;
+}
+
+.repository.file.list #repo-files-table td.message .isSigned {
+ cursor: default;
+}
+
+.repository.file.list #repo-files-table tr:last-of-type td:first-child {
+ border-bottom-left-radius: var(--border-radius);
+}
+
+.repository.file.list #repo-files-table tr:last-of-type td:last-child {
+ border-bottom-right-radius: var(--border-radius);
+}
+
+.repository.file.list #repo-files-table tr:hover {
+ background-color: var(--color-hover);
+}
+
+.repository.file.list #repo-files-table tr.has-parent a {
+ display: inline-block;
+ padding-top: 8px;
+ padding-bottom: 8px;
+ width: calc(100% - 1.25rem);
+}
+
+.repository.file.list .non-diff-file-content .header .icon {
+ font-size: 1em;
+}
+
+.repository.file.list .non-diff-file-content .header .small.icon {
+ font-size: 0.75em;
+}
+
+.repository.file.list .non-diff-file-content .header .tiny.icon {
+ font-size: 0.5em;
+}
+
+.repository.file.list .non-diff-file-content .header .file-actions .btn-octicon {
+ line-height: 1;
+ padding: 10px 8px;
+ vertical-align: middle;
+ color: var(--color-text);
+}
+
+.repository.file.list .non-diff-file-content .header .file-actions .btn-octicon:hover {
+ color: var(--color-primary);
+}
+
+.repository.file.list .non-diff-file-content .header .file-actions .btn-octicon-danger:hover {
+ color: var(--color-red);
+}
+
+.repository.file.list .non-diff-file-content .header .file-actions .btn-octicon.disabled {
+ color: inherit;
+ opacity: var(--opacity-disabled);
+ cursor: default;
+}
+
+.repository.file.list .non-diff-file-content .view-raw {
+ padding: 5px;
+}
+
+.repository.file.list .non-diff-file-content .view-raw > * {
+ max-width: 100%;
+ border: 1px solid var(--color-secondary);
+}
+
+.repository.file.list .non-diff-file-content .view-raw img {
+ margin: 1rem 0;
+ border-radius: 0;
+ object-fit: contain;
+}
+
+.repository.file.list .non-diff-file-content .view-raw img[src$=".svg" i] {
+ max-height: 600px !important;
+ max-width: 600px !important;
+}
+
+.repository.file.list .non-diff-file-content .plain-text {
+ padding: 1em 2em;
+}
+
+.repository.file.list .non-diff-file-content .plain-text pre {
+ word-break: break-word;
+ white-space: pre-wrap;
+}
+
+.repository.file.list .non-diff-file-content .csv {
+ overflow-x: auto;
+ padding: 0 !important;
+}
+
+.repository.file.list .non-diff-file-content pre {
+ overflow: auto;
+}
+
+.repository.file.list .non-diff-file-content .asciicast {
+ padding: 5px !important;
+}
+
+.repository.file.list .sidebar {
+ padding-left: 0;
+}
+
+.repository.file.list .sidebar .svg {
+ width: 16px;
+}
+
+.repository.file.editor .treepath {
+ width: 100%;
+}
+
+.repository.file.editor .treepath input {
+ vertical-align: middle;
+ box-shadow: rgba(0, 0, 0, 0.0745098) 0 1px 2px inset;
+ width: inherit;
+ padding: 7px 8px;
+ margin-right: 5px;
+}
+
+.repository.file.editor .tabular.menu .svg {
+ margin-right: 5px;
+}
+
+.repository.file.editor .commit-form-wrapper {
+ padding-left: 64px;
+}
+
+.repository.file.editor .commit-form-wrapper .commit-avatar {
+ float: left;
+ margin-left: -64px;
+ width: 3em;
+ height: auto;
+}
+
+.repository.file.editor .commit-form-wrapper .commit-form {
+ position: relative;
+ padding: 15px;
+ margin-bottom: 10px;
+ border: 1px solid var(--color-secondary);
+ background: var(--color-box-body);
+ border-radius: 3px;
+}
+
+.repository.file.editor .commit-form-wrapper .commit-form::before,
+.repository.file.editor .commit-form-wrapper .commit-form::after {
+ right: 100%;
+ top: 20px;
+ border: solid transparent;
+ content: " ";
+ height: 0;
+ width: 0;
+ position: absolute;
+ pointer-events: none;
+}
+
+.repository.file.editor .commit-form-wrapper .commit-form::before {
+ border-right-color: var(--color-secondary);
+ border-width: 9px;
+ margin-top: -9px;
+}
+
+.repository.file.editor .commit-form-wrapper .commit-form::after {
+ border-right-color: var(--color-box-body);
+ border-width: 8px;
+ margin-top: -8px;
+}
+
+.repository.file.editor .commit-form-wrapper .commit-form .quick-pull-choice .branch-name {
+ display: inline-block;
+ padding: 2px 4px;
+ font: 12px var(--fonts-monospace);
+ color: var(--color-text);
+ background: var(--color-secondary);
+ border-radius: 3px;
+ margin: 0 2px;
+}
+
+.repository.file.editor .commit-form-wrapper .commit-form .quick-pull-choice .new-branch-name-input {
+ position: relative;
+ margin-left: 25px;
+}
+
+.repository.file.editor .commit-form-wrapper .commit-form .quick-pull-choice .new-branch-name-input input {
+ width: 240px !important;
+ padding-left: 26px !important;
+}
+
+.repository.file.editor .commit-form-wrapper .commit-form .quick-pull-choice .octicon-git-branch {
+ position: absolute;
+ top: 9px;
+ left: 10px;
+ color: var(--color-grey);
+}
+
+.repository.options #interval {
+ width: 100px !important;
+ min-width: 100px;
+}
+
+.repository.options .danger .item {
+ padding: 20px 15px;
+}
+
+.repository.options .danger .ui.divider {
+ margin: 0;
+}
+
+.repository .comment textarea {
+ max-height: none !important;
+}
+
+.repository.new.issue .comment.form .comment .avatar {
+ width: 3em;
+}
+
+.repository.new.issue .comment.form .content {
+ margin-left: 4em;
+}
+
+.repository.new.issue .comment.form .content::before,
+.repository.new.issue .comment.form .content::after {
+ right: 100%;
+ top: 20px;
+ border: solid transparent;
+ content: " ";
+ height: 0;
+ width: 0;
+ position: absolute;
+ pointer-events: none;
+}
+
+.repository.new.issue .comment.form .content::before {
+ border-right-color: var(--color-secondary);
+ border-width: 9px;
+ margin-top: -9px;
+}
+
+.repository.new.issue .comment.form .content::after {
+ border-right-color: var(--color-box-body);
+ border-width: 8px;
+ margin-top: -8px;
+}
+
+.repository.new.issue .comment.form .content .markup {
+ font-size: 14px;
+}
+
+.repository.new.issue .comment.form .metas {
+ min-width: 220px;
+}
+
+.repository.new.issue .comment.form .metas .filter.menu {
+ max-height: 500px;
+ overflow-x: auto;
+}
+
+.repository.view.issue .instruct-toggle {
+ display: inline-block;
+}
+
+.repository.view.issue .title {
+ padding-bottom: 0 !important;
+}
+
+.repository.view.issue .title .issue-title {
+ margin-bottom: 0.5rem;
+}
+
+.repository.view.issue .title .issue-title.edit-active {
+ display: flex;
+ align-items: center;
+}
+
+.repository.view.issue .title .issue-title.edit-active h1 {
+ display: flex;
+ width: 100%;
+}
+
+@media (max-width: 767px) {
+ .repository.view.issue .title .issue-title.edit-active {
+ flex-direction: column;
+ }
+ .repository.view.issue .title .issue-title.edit-active h1 {
+ margin-right: 0;
+ margin-bottom: 1rem;
+ padding-right: 0;
+ }
+ .repository.view.issue .title .issue-title.edit-active h1 .ui.input input {
+ width: calc(100% - 2rem);
+ }
+ .repository.view.issue .title .issue-title.edit-active .edit-buttons {
+ padding-bottom: 1rem;
+ width: 100%;
+ }
+ .repository.view.issue .title .issue-title.edit-active .edit-buttons .button {
+ width: 100%;
+ margin-right: 0.5rem;
+ }
+ .repository.view.issue .title .issue-title.edit-active .edit-buttons .button:last-child {
+ margin-right: 0;
+ }
+}
+
+.repository.view.issue .title .issue-title h1 {
+ font-weight: 300;
+ font-size: 2.3rem;
+ margin: 0;
+ padding-right: 0.5rem;
+}
+
+.repository.view.issue .title .issue-title h1 .ui.input {
+ font-size: 0.5em;
+ width: 100%;
+}
+
+.repository.view.issue .title .issue-title h1 .ui.input input {
+ font-size: 1.5em;
+ padding: 6px 1rem;
+}
+
+.repository.view.issue .title .issue-title .edit-button {
+ float: right;
+ padding-left: 1rem;
+}
+
+.repository.view.issue .title .issue-title .edit-buttons {
+ display: flex;
+}
+
+.repository.view.issue .title .issue-title .index {
+ color: var(--color-text-light-2);
+}
+
+.repository.view.issue .title .issue-title .label {
+ margin-right: 10px;
+}
+
+.repository.view.issue .title .issue-title .edit-zone {
+ margin-top: 10px;
+}
+
+.repository.view.issue .pull-desc code {
+ color: var(--color-primary);
+}
+
+.repository.view.issue .pull-desc a[data-clipboard-text] {
+ cursor: pointer;
+}
+
+.repository.view.issue .pull-desc a[data-clipboard-text] svg {
+ vertical-align: middle;
+ position: relative;
+ top: -2px;
+ right: 1px;
+}
+
+.repository.view.issue .pull.tabular.menu {
+ margin-bottom: 1rem;
+}
+
+.repository.view.issue .pull.tabular.menu .svg {
+ margin-right: 5px;
+}
+
+.repository.view.issue .pull .merge.box .avatar {
+ margin-left: 10px;
+ margin-top: 10px;
+}
+
+.repository.view.issue .pull .merge.box .branch-update.grid .row {
+ padding-bottom: 1rem;
+}
+
+.repository.view.issue .pull .merge.box .branch-update.grid .row .icon {
+ margin-top: 1.1rem;
+}
+
+.repository.view.issue .pull .review-item {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+
+.repository.view.issue .pull .review-item .review-item-left,
+.repository.view.issue .pull .review-item .review-item-right {
+ display: flex;
+ align-items: center;
+}
+
+.repository.view.issue .pull .review-item .text {
+ margin: 0.3em 0 0.5em 0.5em;
+}
+
+.repository.view.issue .pull .review-item .type-icon {
+ align-self: flex-start;
+ margin-right: 1em;
+}
+
+.repository.view.issue .pull .review-item .type-icon i {
+ line-height: 1.8em;
+}
+
+.repository.view.issue .pull .review-item .divider {
+ margin: 0.5rem 0;
+}
+
+.repository.view.issue .pull .review-item .review-content {
+ padding: 1em 0 1em 3.8em;
+}
+
+.repository.view.issue .comment-list:not(.prevent-before-timeline)::before {
+ display: block;
+ content: "";
+ position: absolute;
+ margin-top: 12px;
+ margin-bottom: 14px;
+ top: 0;
+ bottom: 0;
+ left: 96px;
+ width: 2px;
+ background-color: var(--color-timeline);
+ z-index: -1;
+}
+
+.repository.view.issue .comment-list .timeline {
+ position: relative;
+ display: block;
+ margin-left: 40px;
+ padding-left: 16px;
+}
+
+.repository.view.issue .comment-list .timeline::before { /* ciara */
+ display: block;
+ content: "";
+ position: absolute;
+ margin-top: 12px;
+ margin-bottom: 14px;
+ top: 0;
+ bottom: 0;
+ left: 30px;
+ width: 2px;
+ background-color: var(--color-timeline);
+ z-index: -1;
+}
+
+.repository.view.issue .comment-list .timeline-item,
+.repository.view.issue .comment-list .timeline-item-group {
+ padding: 12px 0;
+}
+
+.repository.view.issue .comment-list .timeline-item-group .timeline-item {
+ padding-top: 8px;
+ padding-bottom: 8px;
+}
+
+.repository.view.issue .comment-list .timeline-item {
+ margin-left: 16px;
+ position: relative;
+}
+
+.repository.view.issue .comment-list .timeline-item .timeline-avatar {
+ position: absolute;
+ left: -68px;
+}
+
+.repository.view.issue .comment-list .timeline-item .timeline-avatar img {
+ width: 40px !important;
+ height: 40px !important;
+}
+
+/* Don't show the mobile oriented avatar ".inline-timeline-avatar" on desktop. Desktop uses the avatar with class ".timeline-avatar" */
+.repository.view.issue .comment-list .timeline-item .inline-timeline-avatar {
+ display: none;
+}
+
+.repository.view.issue .comment-list .timeline-item img.avatar,
+.repository.view.issue .comment-list .timeline-item .avatar img {
+ width: 20px;
+ height: 20px;
+ vertical-align: middle;
+}
+
+.repository.view.issue .comment-list .timeline-item:first-child:not(.commit) {
+ padding-top: 0 !important;
+}
+
+.repository.view.issue .comment-list .timeline-item:last-child:not(.commit) {
+ padding-bottom: 0 !important;
+}
+
+.repository.view.issue .comment-list .timeline-item .badge.badge-commit {
+ border-color: transparent;
+ background: radial-gradient(var(--color-body) 40%, transparent 40%) no-repeat;
+}
+
+.repository.view.issue .comment-list .timeline-item .badge {
+ width: 34px;
+ height: 34px;
+ background-color: var(--color-timeline);
+ border-radius: 50%;
+ display: flex;
+ float: left;
+ margin-left: -33px;
+ margin-right: 8px;
+ color: var(--color-text);
+ align-items: center;
+ justify-content: center;
+}
+
+.repository.view.issue .comment-list .timeline-item .badge .svg {
+ width: 22px;
+ height: 22px;
+ padding: 3px;
+}
+
+.repository.view.issue .comment-list .timeline-item .badge .svg.octicon-comment {
+ margin-top: 2px;
+}
+
+.repository.view.issue .comment-list .timeline-item.comment > .content {
+ margin-left: -16px;
+}
+
+.repository.view.issue .comment-list .timeline-item.event > .text {
+ line-height: 32px;
+ vertical-align: middle;
+}
+
+.repository.view.issue .comment-list .timeline-item.commits-list {
+ padding-left: 15px;
+ padding-top: 0;
+}
+
+.repository.view.issue .comment-list .timeline-item.commits-list .singular-commit {
+ line-height: 34px; /* this must be same as .badge height, to avoid overflow */
+ clear: both; /* reset the "float right shabox", in the future, use flexbox instead */
+}
+
+.repository.view.issue .comment-list .timeline-item.commits-list .singular-commit > img.avatar,
+.repository.view.issue .comment-list .timeline-item.commits-list .singular-commit > .avatar img {
+ position: relative;
+ top: -2px;
+}
+
+.repository.view.issue .comment-list .timeline-item.commits-list .singular-commit .shabox .sha.label {
+ margin: 0;
+ border: 1px solid var(--color-light-border);
+}
+
+.repository.view.issue .comment-list .timeline-item.commits-list .singular-commit .shabox .sha.label.isSigned.isWarning {
+ border: 1px solid var(--color-red-badge);
+ background: var(--color-red-badge-bg);
+}
+
+.repository.view.issue .comment-list .timeline-item.commits-list .singular-commit .shabox .sha.label.isSigned.isWarning .shortsha {
+ display: inline-block;
+ padding-top: 1px;
+}
+
+.repository.view.issue .comment-list .timeline-item.commits-list .singular-commit .shabox .sha.label.isSigned.isWarning:hover {
+ background: var(--color-red-badge-hover-bg) !important;
+}
+
+.repository.view.issue .comment-list .timeline-item.commits-list .singular-commit .shabox .sha.label.isSigned.isVerified {
+ border: 1px solid var(--color-green-badge);
+ background: var(--color-green-badge-bg);
+}
+
+.repository.view.issue .comment-list .timeline-item.commits-list .singular-commit .shabox .sha.label.isSigned.isVerified .shortsha {
+ display: inline-block;
+ padding-top: 1px;
+}
+
+.repository.view.issue .comment-list .timeline-item.commits-list .singular-commit .shabox .sha.label.isSigned.isVerified:hover {
+ background: var(--color-green-badge-hover-bg) !important;
+}
+
+.repository.view.issue .comment-list .timeline-item.commits-list .singular-commit .shabox .sha.label.isSigned.isVerifiedUntrusted {
+ border: 1px solid var(--color-yellow-badge);
+ background: var(--color-yellow-badge-bg);
+}
+
+.repository.view.issue .comment-list .timeline-item.commits-list .singular-commit .shabox .sha.label.isSigned.isVerifiedUntrusted .shortsha {
+ display: inline-block;
+ padding-top: 1px;
+}
+
+.repository.view.issue .comment-list .timeline-item.commits-list .singular-commit .shabox .sha.label.isSigned.isVerifiedUntrusted:hover {
+ background: var(--color-yellow-badge-hover-bg) !important;
+}
+
+.repository.view.issue .comment-list .timeline-item.commits-list .singular-commit .shabox .sha.label.isSigned.isVerifiedUnmatched {
+ border: 1px solid var(--color-orange-badge);
+ background: var(--color-orange-badge-bg);
+}
+
+.repository.view.issue .comment-list .timeline-item.commits-list .singular-commit .shabox .sha.label.isSigned.isVerifiedUnmatched .shortsha {
+ display: inline-block;
+ padding-top: 1px;
+}
+
+.repository.view.issue .comment-list .timeline-item.commits-list .singular-commit .shabox .sha.label.isSigned.isVerifiedUnmatched:hover {
+ background: var(--color-orange-badge-hover-bg) !important;
+}
+
+.repository.view.issue .comment-list .timeline-item.event > .commit-status-link {
+ float: right;
+ margin-right: 8px;
+ margin-top: 4px;
+}
+
+.repository.view.issue .comment-list .timeline-item .comparebox {
+ line-height: 32px;
+ vertical-align: middle;
+}
+
+.repository.view.issue .comment-list .timeline-item .comparebox .compare.label {
+ font-size: 1rem;
+ margin: 0;
+ border: 1px solid var(--color-light-border);
+}
+
+@media (max-width: 767px) {
+ .repository.view.issue .comment-list .timeline-item .ui.segments {
+ margin-left: -2rem;
+ }
+}
+
+.repository.view.issue .comment-list .ui.comments {
+ max-width: 100%;
+}
+
+.repository.view.issue .comment-list .ui.comments .avatar {
+ margin-right: 0.5rem;
+}
+
+.repository.view.issue .comment-list .comment > .content > div:first-child {
+ border-top-left-radius: 4px;
+ border-top-right-radius: 4px;
+}
+
+.repository.view.issue .comment-list .comment > .content > div:last-child {
+ border-bottom-left-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+
+.repository.view.issue .comment-list .comment .comment-container {
+ border: 1px solid var(--color-secondary);
+ border-radius: var(--border-radius);
+}
+
+@media (max-width: 767px) {
+ .repository.view.issue .comment-list .comment .content .form .button {
+ width: 100%;
+ margin: 0;
+ }
+ .repository.view.issue .comment-list .comment .content .form .button:not(:last-child) {
+ margin-bottom: 1rem;
+ }
+}
+
+.repository.view.issue .comment-list .comment .merge-section {
+ background-color: var(--color-box-body);
+}
+
+.repository.view.issue .comment-list .comment .merge-section .item-section {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: 0;
+ margin-top: -0.25rem;
+ margin-bottom: -0.25rem;
+}
+
+@media (max-width: 767px) {
+ .repository.view.issue .comment-list .comment .merge-section .item-section {
+ align-items: flex-start;
+ flex-direction: column;
+ }
+}
+
+.repository.view.issue .comment-list .comment .merge-section .divider {
+ margin-left: -1rem;
+ margin-right: -1rem;
+}
+
+.repository.view.issue .comment-list .comment .merge-section.no-header::before,
+.repository.view.issue .comment-list .comment .merge-section.no-header::after {
+ right: 100%;
+ top: 20px;
+ border: solid transparent;
+ content: " ";
+ height: 0;
+ width: 0;
+ position: absolute;
+ pointer-events: none;
+}
+
+.repository.view.issue .comment-list .comment .merge-section.no-header::before {
+ border-right-color: var(--color-secondary);
+ border-width: 9px;
+ margin-top: -9px;
+}
+
+.repository.view.issue .comment-list .comment .merge-section.no-header::after {
+ border-right-color: var(--color-box-body);
+ border-width: 8px;
+ margin-top: -8px;
+}
+
+.repository.view.issue .comment-list .comment .markup {
+ font-size: 14px;
+}
+
+.repository.view.issue .comment-list .comment .no-content {
+ color: var(--color-text-light-2);
+ font-style: italic;
+}
+
+.repository.view.issue .comment-list .comment .ui.form .field:first-child {
+ clear: none;
+}
+
+.repository.view.issue .comment-list .comment .ui.form .field.footer {
+ overflow: hidden;
+}
+
+.repository.view.issue .comment-list .comment .ui.form .field .tab.markup {
+ min-height: 5rem;
+}
+
+.repository.view.issue .comment-list .comment .ui.form textarea {
+ height: 200px;
+ font-family: var(--fonts-monospace);
+}
+
+.repository.view.issue .comment-list .comment .edit.buttons {
+ margin-top: 10px;
+}
+
+.repository.view.issue .comment-list .code-comment {
+ border: 1px solid transparent;
+ padding: 0.25rem 0.5rem;
+ margin: 0;
+}
+
+.repository.view.issue .comment-list .code-comment .content {
+ border: none !important;
+}
+
+.repository.view.issue .comment-list .code-comment .comment-header {
+ background: transparent;
+ border-bottom: 0 !important;
+ padding: 0 !important;
+}
+
+.repository.view.issue .comment-list .code-comment .comment-header::after,
+.repository.view.issue .comment-list .code-comment .comment-header::before {
+ display: none;
+}
+
+.repository.view.issue .comment-list .code-comment .comment-content {
+ margin-left: 36px;
+}
+
+.repository.view.issue .comment-list .code-comment img.avatar,
+.repository.view.issue .comment-list .comment img.avatar {
+ width: 28px;
+ height: 28px;
+}
+
+.repository.view.issue .comment-list .comment-code-cloud .segment.reactions {
+ margin-top: 16px !important;
+ margin-bottom: -8px !important;
+ border-top: none !important;
+}
+
+.repository.view.issue .comment-list .comment-code-cloud .segment.reactions .ui.label {
+ border: 1px solid;
+ padding: 6px 10px !important;
+ margin: 0 2px;
+ border-radius: var(--border-radius);
+ border-color: var(--color-secondary-dark-1) !important;
+}
+
+.repository.view.issue .comment-list .comment-code-cloud .segment.reactions .ui.label.basic.primary {
+ background-color: var(--color-reaction-active-bg) !important;
+ border-color: var(--color-primary-alpha-80) !important;
+}
+
+.repository.view.issue .comment-list .comment-code-cloud button.comment-form-reply {
+ margin: 0;
+}
+
+.repository.view.issue .comment-list .event {
+ padding-left: 15px;
+}
+
+.repository.view.issue .comment-list .event .detail {
+ margin-top: 4px;
+ margin-left: 14px;
+}
+
+.repository.view.issue .comment-list .event .detail .svg {
+ margin-right: 2px;
+}
+
+.repository.view.issue .comment-list .event .segments {
+ box-shadow: none;
+}
+
+@media (max-width: 767px) {
+ .repository.view.issue .comment-list {
+ padding: 1rem 0 !important; /* Important is required here to override existing fomantic styles. */
+ }
+}
+
+.repository.view.issue .ui.depending .item.is-closed .title {
+ text-decoration: line-through;
+}
+
+.repository .comment.form .ui.comments {
+ margin-top: -12px;
+ max-width: 100%;
+}
+
+.repository .comment.form .content .field:first-child {
+ clear: none;
+}
+
+.repository .comment.form .content .form::before,
+.repository .comment.form .content .form::after {
+ right: 100%;
+ top: 20px;
+ border: solid transparent;
+ content: " ";
+ height: 0;
+ width: 0;
+ position: absolute;
+ pointer-events: none;
+}
+
+.repository .comment.form .content .form::before {
+ border-right-color: var(--color-secondary);
+ border-width: 9px;
+ margin-top: -9px;
+}
+
+.repository .comment.form .content .form::after {
+ border-right-color: var(--color-box-body);
+ border-width: 8px;
+ margin-top: -8px;
+}
+
+.repository .comment.form .content textarea {
+ height: 200px;
+ font-family: var(--fonts-monospace);
+}
+
+.repository .comment.form .content .CodeMirror-scroll {
+ max-height: 85vh;
+}
+
+.repository .milestone.list {
+ list-style: none;
+ padding-top: 15px;
+}
+
+.repository .milestone.list > .item {
+ padding-top: 10px;
+ padding-bottom: 10px;
+ border-bottom: 1px dashed var(--color-secondary);
+}
+
+.repository .milestone.list > .item progress {
+ width: 200px;
+ height: 16px;
+}
+
+.repository .milestone.list > .item .meta {
+ color: var(--color-text-light-2);
+ padding-top: 5px;
+}
+
+.repository .milestone.list > .item .meta .issue-stats .svg {
+ padding-left: 5px;
+}
+
+.repository .milestone.list > .item .meta .overdue {
+ color: var(--color-red);
+}
+
+.repository .milestone.list > .item .operate {
+ margin-top: -15px;
+}
+
+.repository .milestone.list > .item .operate > a {
+ font-size: 15px;
+ padding-top: 5px;
+ padding-right: 10px;
+ color: var(--color-text-light-2);
+}
+
+.repository .milestone.list > .item .operate > a:hover {
+ color: var(--color-text);
+}
+
+.repository .milestone.list > .item .content {
+ padding-top: 10px;
+}
+
+.repository.new.milestone textarea {
+ height: 200px;
+}
+
+.repository.compare.pull .show-form-container {
+ text-align: left;
+}
+
+.repository.compare.pull .choose.branch .svg {
+ margin-right: 10px;
+}
+
+.repository.compare.pull .comment.form .content::before,
+.repository.compare.pull .comment.form .content::after {
+ right: 100%;
+ top: 20px;
+ border: solid transparent;
+ content: " ";
+ height: 0;
+ width: 0;
+ position: absolute;
+ pointer-events: none;
+}
+
+.repository.compare.pull .comment.form .content::before {
+ border-right-color: var(--color-secondary);
+ border-width: 9px;
+ margin-top: -9px;
+}
+
+.repository.compare.pull .comment.form .content::after {
+ border-right-color: var(--color-box-body);
+ border-width: 8px;
+ margin-top: -8px;
+}
+
+.repository.compare.pull .pullrequest-form {
+ margin-bottom: 1.5rem;
+}
+
+.repository.compare.pull .markup {
+ font-size: 14px;
+}
+
+.repository.compare.pull .title .issue-title {
+ margin-bottom: 0.5rem;
+}
+
+.repository.compare.pull .title .issue-title .index {
+ color: var(--color-text-light-2);
+}
+
+.repository .filter.dropdown .menu {
+ margin-top: 1px !important;
+}
+
+.repository.branches .commit-divergence .bar-group {
+ position: relative;
+ float: left;
+ padding-bottom: 6px;
+ width: 50%;
+ max-width: 90px;
+}
+
+.repository.branches .commit-divergence .bar-group:last-child {
+ border-left: 1px solid var(--color-secondary-dark-2);
+}
+
+.repository.branches .commit-divergence .count {
+ margin: 0 3px;
+}
+
+.repository.branches .commit-divergence .count.count-ahead {
+ text-align: left;
+}
+
+.repository.branches .commit-divergence .count.count-behind {
+ text-align: right;
+}
+
+.repository.branches .commit-divergence .bar {
+ height: 4px;
+ position: absolute;
+ background-color: var(--color-secondary-dark-2);
+}
+
+.repository.branches .commit-divergence .bar.bar-behind {
+ right: 0;
+}
+
+.repository.branches .commit-divergence .bar.bar-ahead {
+ left: 0;
+}
+
+.repository.commits .header .search input {
+ font-weight: normal;
+ padding: 5px 10px;
+}
+
+.repository #commits-table thead th:first-of-type {
+ padding-left: 15px;
+}
+
+.repository #commits-table thead .sha {
+ width: 200px;
+}
+
+.repository #commits-table thead .shatd {
+ text-align: center;
+}
+
+.repository #commits-table td.sha .sha.label {
+ margin: 0;
+}
+
+.repository #commits-table td.message {
+ text-overflow: unset;
+}
+
+.repository #commits-table.ui.basic.striped.table tbody tr:nth-child(2n) {
+ background-color: rgba(0, 0, 0, 0.02) !important;
+}
+
+.repository #commits-table td.sha .sha.label,
+.repository #repo-files-table .sha.label,
+.repository #rev-list .sha.label,
+.repository .timeline-item.commits-list .singular-commit .sha.label {
+ border: 1px solid var(--color-light-border);
+}
+
+.repository #commits-table td.sha .sha.label .ui.signature.avatar,
+.repository #repo-files-table .sha.label .ui.signature.avatar,
+.repository #rev-list .sha.label .ui.signature.avatar,
+.repository .timeline-item.commits-list .singular-commit .sha.label .ui.signature.avatar {
+ height: 16px;
+ margin-bottom: 0;
+ width: 16px;
+}
+
+.repository #commits-table td.sha .sha.label .detail.icon,
+.repository #repo-files-table .sha.label .detail.icon,
+.repository #rev-list .sha.label .detail.icon,
+.repository .timeline-item.commits-list .singular-commit .sha.label .detail.icon {
+ background: var(--color-light);
+ margin: -6px -10px -4px 0;
+ padding: 5px 4px 5px 6px;
+ border-left: 1px solid var(--color-light-border);
+ border-top: 0;
+ border-right: 0;
+ border-bottom: 0;
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.repository #commits-table td.sha .sha.label .detail.icon img,
+.repository #repo-files-table .sha.label .detail.icon img,
+.repository #rev-list .sha.label .detail.icon img,
+.repository .timeline-item.commits-list .singular-commit .sha.label .detail.icon img {
+ margin-right: 0;
+}
+
+.repository #commits-table td.sha .sha.label .detail.icon .svg,
+.repository #repo-files-table .sha.label .detail.icon .svg,
+.repository #rev-list .sha.label .detail.icon .svg,
+.repository .timeline-item.commits-list .singular-commit .sha.label .detail.icon .svg {
+ margin: 0 0.25em 0 0;
+}
+
+.repository #commits-table td.sha .sha.label .detail.icon > div,
+.repository #repo-files-table .sha.label .detail.icon > div,
+.repository #rev-list .sha.label .detail.icon > div,
+.repository .timeline-item.commits-list .singular-commit .sha.label .detail.icon > div {
+ display: flex;
+ align-items: center;
+}
+
+.repository #commits-table td.sha .sha.label.isSigned.isWarning,
+.repository #repo-files-table .sha.label.isSigned.isWarning,
+.repository #rev-list .sha.label.isSigned.isWarning,
+.repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isWarning {
+ border: 1px solid var(--color-red-badge);
+ background: var(--color-red-badge-bg);
+}
+
+.repository #commits-table td.sha .sha.label.isSigned.isWarning .shortsha,
+.repository #repo-files-table .sha.label.isSigned.isWarning .shortsha,
+.repository #rev-list .sha.label.isSigned.isWarning .shortsha,
+.repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isWarning .shortsha {
+ display: inline-block;
+ padding-top: 1px;
+}
+
+.repository #commits-table td.sha .sha.label.isSigned.isWarning .detail.icon,
+.repository #repo-files-table .sha.label.isSigned.isWarning .detail.icon,
+.repository #rev-list .sha.label.isSigned.isWarning .detail.icon,
+.repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isWarning .detail.icon {
+ border-left: 1px solid var(--color-red-badge);
+ color: var(--color-red-badge);
+}
+
+.repository #commits-table td.sha .sha.label.isSigned.isWarning:hover,
+.repository #repo-files-table .sha.label.isSigned.isWarning:hover,
+.repository #rev-list .sha.label.isSigned.isWarning:hover,
+.repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isWarning:hover {
+ background: var(--color-red-badge-hover-bg) !important;
+}
+
+.repository #commits-table td.sha .sha.label.isSigned.isVerified,
+.repository #repo-files-table .sha.label.isSigned.isVerified,
+.repository #rev-list .sha.label.isSigned.isVerified,
+.repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isVerified {
+ border: 1px solid var(--color-green-badge);
+ background: var(--color-green-badge-bg);
+}
+
+.repository #commits-table td.sha .sha.label.isSigned.isVerified .shortsha,
+.repository #repo-files-table .sha.label.isSigned.isVerified .shortsha,
+.repository #rev-list .sha.label.isSigned.isVerified .shortsha,
+.repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isVerified .shortsha {
+ display: inline-block;
+ padding-top: 1px;
+}
+
+.repository #commits-table td.sha .sha.label.isSigned.isVerified .detail.icon,
+.repository #repo-files-table .sha.label.isSigned.isVerified .detail.icon,
+.repository #rev-list .sha.label.isSigned.isVerified .detail.icon,
+.repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isVerified .detail.icon {
+ border-left: 1px solid var(--color-green-badge);
+ color: var(--color-green-badge);
+}
+
+.repository #commits-table td.sha .sha.label.isSigned.isVerified:hover,
+.repository #repo-files-table .sha.label.isSigned.isVerified:hover,
+.repository #rev-list .sha.label.isSigned.isVerified:hover,
+.repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isVerified:hover {
+ background: var(--color-green-badge-hover-bg) !important;
+}
+
+.repository #commits-table td.sha .sha.label.isSigned.isVerifiedUntrusted,
+.repository #repo-files-table .sha.label.isSigned.isVerifiedUntrusted,
+.repository #rev-list .sha.label.isSigned.isVerifiedUntrusted,
+.repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isVerifiedUntrusted {
+ border: 1px solid var(--color-yellow-badge);
+ background: var(--color-yellow-badge-bg);
+}
+
+.repository #commits-table td.sha .sha.label.isSigned.isVerifiedUntrusted .shortsha,
+.repository #repo-files-table .sha.label.isSigned.isVerifiedUntrusted .shortsha,
+.repository #rev-list .sha.label.isSigned.isVerifiedUntrusted .shortsha,
+.repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isVerifiedUntrusted .shortsha {
+ display: inline-block;
+ padding-top: 1px;
+}
+
+.repository #commits-table td.sha .sha.label.isSigned.isVerifiedUntrusted .detail.icon,
+.repository #repo-files-table .sha.label.isSigned.isVerifiedUntrusted .detail.icon,
+.repository #rev-list .sha.label.isSigned.isVerifiedUntrusted .detail.icon,
+.repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isVerifiedUntrusted .detail.icon {
+ border-left: 1px solid var(--color-yellow-badge);
+ color: var(--color-yellow-badge);
+}
+
+.repository #commits-table td.sha .sha.label.isSigned.isVerifiedUntrusted:hover,
+.repository #repo-files-table .sha.label.isSigned.isVerifiedUntrusted:hover,
+.repository #rev-list .sha.label.isSigned.isVerifiedUntrusted:hover,
+.repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isVerifiedUntrusted:hover {
+ background: var(--color-yellow-badge-hover-bg) !important;
+}
+
+.repository #commits-table td.sha .sha.label.isSigned.isVerifiedUnmatched,
+.repository #repo-files-table .sha.label.isSigned.isVerifiedUnmatched,
+.repository #rev-list .sha.label.isSigned.isVerifiedUnmatched,
+.repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isVerifiedUnmatched {
+ border: 1px solid var(--color-orange-badge);
+ background: var(--color-orange-badge-bg);
+}
+
+.repository #commits-table td.sha .sha.label.isSigned.isVerifiedUnmatched .shortsha,
+.repository #repo-files-table .sha.label.isSigned.isVerifiedUnmatched .shortsha,
+.repository #rev-list .sha.label.isSigned.isVerifiedUnmatched .shortsha,
+.repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isVerifiedUnmatched .shortsha {
+ display: inline-block;
+ padding-top: 1px;
+}
+
+.repository #commits-table td.sha .sha.label.isSigned.isVerifiedUnmatched .detail.icon,
+.repository #repo-files-table .sha.label.isSigned.isVerifiedUnmatched .detail.icon,
+.repository #rev-list .sha.label.isSigned.isVerifiedUnmatched .detail.icon,
+.repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isVerifiedUnmatched .detail.icon {
+ border-left: 1px solid var(--color-orange-badge);
+ color: var(--color-orange-badge);
+}
+
+.repository #commits-table td.sha .sha.label.isSigned.isVerifiedUnmatched:hover,
+.repository #repo-files-table .sha.label.isSigned.isVerifiedUnmatched:hover,
+.repository #rev-list .sha.label.isSigned.isVerifiedUnmatched:hover,
+.repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isVerifiedUnmatched:hover {
+ background: var(--color-orange-badge-hover-bg) !important;
+}
+
+.repository .data-table {
+ width: 100%;
+}
+
+.repository .data-table tr {
+ border-top: 0;
+}
+
+.repository .data-table td,
+.repository .data-table th {
+ padding: 5px !important;
+ overflow: hidden;
+ font-size: 12px;
+ text-align: left;
+ white-space: nowrap;
+ border: 1px solid var(--color-secondary);
+}
+
+.repository .data-table td {
+ white-space: pre-line;
+}
+
+.repository .data-table th {
+ font-weight: 600;
+ background: var(--color-box-header);
+ border-top: 0;
+}
+
+.repository .data-table td.added,
+.repository .data-table th.added,
+.repository .data-table tr.added {
+ background-color: var(--color-diff-added-row-bg) !important;
+}
+
+.repository .data-table td.removed,
+.repository .data-table th.removed,
+.repository .data-table tr.removed {
+ background-color: var(--color-diff-removed-row-bg) !important;
+}
+
+.repository .data-table td.moved,
+.repository .data-table th.moved,
+.repository .data-table tr.moved {
+ background-color: var(--color-diff-moved-row-bg) !important;
+}
+
+.repository .data-table tbody.section {
+ border-top: 2px solid var(--color-secondary);
+}
+
+.repository .data-table .line-num {
+ width: 1%;
+ min-width: 50px;
+ font-family: monospace;
+ line-height: 20px;
+ color: var(--color-secondary-dark-2);
+ white-space: nowrap;
+ vertical-align: top;
+ cursor: pointer;
+ text-align: right;
+ background: var(--color-body);
+ border: 0;
+}
+
+.repository .diff-detail-box {
+ padding: 7px 0;
+ background: var(--color-body);
+ line-height: 30px;
+}
+
+@media (max-width: 991px) {
+ .repository .diff-detail-box {
+ flex-direction: column;
+ align-items: flex-start;
+ }
+}
+
+@media (max-width: 480px) {
+ .repository .diff-detail-box {
+ flex-wrap: wrap;
+ }
+}
+
+.repository .diff-detail-box.sticky {
+ position: sticky;
+ top: 0;
+ z-index: 8;
+ border-bottom: 1px solid var(--color-secondary);
+ padding-left: 2px;
+ padding-right: 2px;
+ margin-left: -1px;
+ margin-right: -1px;
+}
+
+.repository .diff-detail-box > div::after {
+ clear: both;
+ content: "";
+ display: block;
+}
+
+.repository .diff-detail-box .diff-detail-stats strong {
+ margin-left: 0.25rem;
+ margin-right: 0.25rem;
+}
+
+/* Because the translations contain the <strong> we need to style with nth-of-type */
+
+.repository .diff-detail-box .diff-detail-stats strong:nth-of-type(1) {
+ color: var(--color-yellow);
+}
+
+.repository .diff-detail-box .diff-detail-stats strong:nth-of-type(2) {
+ color: var(--color-green);
+}
+
+.repository .diff-detail-box .diff-detail-stats strong:nth-of-type(3) {
+ color: var(--color-red);
+}
+
+@media (max-width: 480px) {
+ .repository .diff-detail-box .diff-detail-stats {
+ font-size: 0;
+ line-height: 1.6rem;
+ }
+ .repository .diff-detail-box .diff-detail-stats strong {
+ font-size: 1rem;
+ }
+}
+
+.repository .diff-detail-box .diff-detail-actions > * {
+ margin-right: 0;
+}
+
+.repository .diff-detail-box .diff-detail-actions > * + * {
+ margin-left: 0.25rem;
+}
+
+@media (max-width: 480px) {
+ .repository .diff-detail-box .diff-detail-actions {
+ padding-top: 0.25rem;
+ }
+ .repository .diff-detail-box .diff-detail-actions .ui.button:not(.btn-submit) {
+ padding-left: 0.5rem;
+ padding-right: 0.5rem;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: center;
+ text-align: center;
+ }
+}
+
+.repository .diff-detail-box span.status {
+ display: inline-block;
+ width: 12px;
+ height: 12px;
+ margin-right: 8px;
+ vertical-align: middle;
+}
+
+.repository .diff-detail-box span.status.modify {
+ background-color: var(--color-yellow);
+}
+
+.repository .diff-detail-box span.status.add {
+ background-color: var(--color-green);
+}
+
+.repository .diff-detail-box span.status.del {
+ background-color: var(--color-red);
+}
+
+.repository .diff-detail-box span.status.rename {
+ background-color: var(--color-teal);
+}
+
+.repository .diff-detail-box .button {
+ padding: 8px 12px;
+}
+
+.repository .diff-box .header:not(.resolved-placeholder) {
+ display: flex;
+ align-items: center;
+}
+
+.repository .diff-box .header:not(.resolved-placeholder) .file {
+ min-width: 0;
+}
+
+.repository .diff-box .header:not(.resolved-placeholder) .file .file-link {
+ max-width: fit-content;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 2;
+ overflow: hidden;
+}
+
+.repository .diff-box .header:not(.resolved-placeholder) .button {
+ padding: 8px 12px;
+ flex: 0 0 auto;
+ margin-top: -8px;
+ margin-bottom: -8px;
+ margin-right: 0;
+}
+
+.repository .diff-box .resolved-placeholder {
+ display: flex;
+ align-items: center;
+}
+
+.repository .diff-box .resolved-placeholder .button {
+ padding: 8px 12px;
+}
+
+.repository .diff-file-box .header {
+ background-color: var(--color-box-header);
+}
+
+.repository .diff-file-box .file-body.file-code {
+ background: var(--color-code-bg);
+}
+
+.repository .diff-file-box .file-body.file-code .lines-num {
+ text-align: right;
+ color: var(--color-text-light);
+ width: 1%;
+ min-width: 50px;
+}
+
+.repository .diff-file-box .file-body.file-code .lines-num span.fold {
+ display: block;
+ text-align: center;
+}
+
+.repository .diff-file-box .code-diff {
+ font-size: 12px;
+}
+
+.repository .diff-file-box .code-diff td {
+ padding: 0 0 0 10px !important;
+ border-top: 0;
+}
+
+.repository .diff-file-box .code-diff .lines-num {
+ padding: 0 5px !important;
+}
+
+.repository .diff-file-box .code-diff .tag-code .lines-num,
+.repository .diff-file-box .code-diff .tag-code td {
+ padding: 0 !important;
+}
+
+.repository .diff-file-box .code-diff tbody tr td.halfwidth {
+ width: 49%; /* halfwidth is used in split view - and in that case, 1% of each */
+}
+
+.repository .diff-file-box .code-diff tbody tr td.center {
+ text-align: center;
+}
+
+.repository .diff-file-box .code-diff tbody tr [data-line-num]::before {
+ content: attr(data-line-num);
+ text-align: right;
+}
+
+.repository .diff-file-box .code-diff tbody tr .lines-type-marker {
+ width: 10px;
+ min-width: 10px;
+}
+
+.repository .diff-file-box .code-diff tbody tr [data-type-marker]::before {
+ content: attr(data-type-marker);
+ text-align: right;
+ display: inline-block;
+}
+
+.repository .diff-file-box .code-diff-split .tag-code .lines-code code.code-inner {
+ padding-left: 10px !important;
+}
+
+.repository .diff-file-box .code-diff-split table,
+.repository .diff-file-box .code-diff-split tbody {
+ width: 100%;
+}
+
+.repository .diff-file-box.file-content {
+ clear: right;
+}
+
+.repository .diff-file-box.file-content img {
+ max-width: 100%;
+ padding: 0;
+ border-radius: 0;
+}
+
+.repository .diff-file-box.file-content img.emoji {
+ padding: 0;
+}
+
+.repository .diff-file-box .ui.bottom.attached.table.segment {
+ padding-top: 5px;
+ padding-bottom: 5px;
+}
+
+.repository .diff-stats {
+ clear: both;
+ margin-bottom: 5px;
+ max-height: 400px;
+ overflow: auto;
+ padding-left: 0;
+}
+
+.repository .diff-stats li {
+ list-style: none;
+ padding-bottom: 4px;
+ margin-bottom: 4px;
+ padding-left: 6px;
+}
+
+.repository .diff-stats li + li {
+ border-top: 1px solid var(--color-secondary);
+}
+
+.repository .repo-search-result {
+ padding-top: 10px;
+ padding-bottom: 10px;
+}
+
+.repository .repo-search-result .lines-num a {
+ color: inherit;
+}
+
+.repository.quickstart .guide .item {
+ padding: 1em;
+}
+
+.repository.quickstart .guide .item small {
+ font-weight: normal;
+}
+
+.repository.quickstart .guide .clone.button:first-child {
+ border-radius: var(--border-radius) 0 0 var(--border-radius);
+}
+
+.repository.quickstart .guide .ui.action.small.input {
+ width: 100%;
+}
+
+.repository.quickstart .guide #repo-clone-url {
+ border-radius: 0;
+ padding: 5px 10px;
+ font-size: 1.2em;
+ line-height: 1.4;
+}
+
+.repository.release #release-list {
+ border-top: 1px solid var(--color-secondary);
+ margin-top: 20px;
+ padding-top: 15px;
+ padding-left: 0;
+}
+
+.repository.release #release-list .release-list-title {
+ font-size: 2rem;
+ font-weight: normal;
+ margin-top: -4px;
+ margin-bottom: 0;
+}
+
+.repository.release #release-list > li {
+ list-style: none;
+}
+
+.repository.release #release-list > li .meta,
+.repository.release #release-list > li .detail {
+ padding-top: 30px;
+ padding-bottom: 40px;
+}
+
+.repository.release #release-list > li .meta {
+ text-align: right;
+ position: relative;
+}
+
+.repository.release #release-list > li .meta .label {
+ margin-right: 0;
+}
+
+.repository.release #release-list > li .meta .commit {
+ display: block;
+ margin-top: 10px;
+}
+
+.repository.release #release-list > li .meta .choose {
+ margin-top: 15px;
+}
+
+.repository.release #release-list > li .meta .choose .button {
+ margin-right: 0;
+}
+
+.repository.release #release-list > li .detail {
+ border-left: 2px solid var(--color-secondary);
+}
+
+.repository.release #release-list > li .detail .author img {
+ margin-bottom: 3px;
+}
+
+.repository.release #release-list > li .detail .download > a .svg {
+ margin-left: 5px;
+ margin-right: 5px;
+}
+
+.repository.release #release-list > li .detail .download .list {
+ padding-left: 0;
+}
+
+.repository.release #release-list > li .detail .download .list li {
+ list-style: none;
+ display: block;
+ padding: 8px;
+ border: 1px solid var(--color-secondary);
+ background: var(--color-light);
+}
+
+.repository.release #release-list > li .detail .download .list li a > .text.right {
+ margin-right: 5px;
+}
+
+.repository.release #release-list > li .detail .download .list li + li {
+ border-top: 0;
+}
+
+.repository.release #release-list > li .detail .download .list li:first-of-type {
+ border-radius: var(--border-radius) 0 0 var(--border-radius);
+}
+
+.repository.release #release-list > li .detail .download .list li:last-of-type {
+ border-radius: 0 var(--border-radius) var(--border-radius) 0;
+}
+
+.repository.release #release-list > li .detail .dot {
+ width: 10px;
+ height: 10px;
+ background-color: var(--color-secondary-dark-3);
+ z-index: 9;
+ position: absolute;
+ display: block;
+ left: -6px;
+ top: 40px;
+ border-radius: 100%;
+ border: 2.5px solid var(--color-body);
+}
+
+.repository.release #tags-table .tag {
+ padding: 8px 12px;
+}
+
+.repository.release #tags-table .release-tag-name {
+ font-size: 18px;
+ font-weight: normal;
+}
+
+.repository.new.release .target {
+ min-width: 500px;
+}
+
+.repository.new.release .target #tag-name {
+ margin-top: -4px;
+}
+
+.repository.new.release .target .at {
+ margin-left: -5px;
+ margin-right: 5px;
+}
+
+.repository.new.release .target .selection.dropdown {
+ padding-top: 10px;
+ padding-bottom: 10px;
+}
+
+.repository.new.release .prerelease.field {
+ margin-bottom: 0;
+}
+
+@media (max-width: 438px) {
+ .repository.new.release .field button,
+ .repository.new.release .field input {
+ width: 100%;
+ }
+}
+
+@media (max-width: 767px) {
+ .repository.new.release .field button {
+ margin-bottom: 1em;
+ }
+}
+
+.repository.new.release .field .wrap_remove {
+ height: 38px;
+}
+
+.repository.new.release .field .attachment_edit {
+ width: 450px !important;
+}
+
+.repository.forks .list {
+ margin-top: 0;
+}
+
+.repository.forks .list .item {
+ padding-top: 10px;
+ padding-bottom: 10px;
+ border-bottom: 1px solid var(--color-secondary);
+}
+
+.repository.forks .list .item .ui.avatar {
+ float: left;
+ margin-right: 5px;
+}
+
+.repository.forks .list .item .link {
+ padding-top: 5px;
+}
+
+.repository.packages .empty {
+ padding-top: 70px;
+ padding-bottom: 100px;
+}
+
+.repository.packages .empty .svg {
+ height: 48px;
+}
+
+.repository.packages .file-size {
+ white-space: nowrap;
+}
+
+.repository.wiki.start .ui.segment {
+ padding-top: 70px;
+ padding-bottom: 100px;
+}
+
+.repository.wiki.start .ui.segment .svg {
+ height: 48px;
+}
+
+.repository.wiki.new .ui.attached.tabular.menu.previewtabs {
+ margin-bottom: 15px;
+}
+
+.repository.wiki.view > .markup {
+ padding: 15px 30px;
+}
+
+.repository.wiki.view > .markup h1:first-of-type,
+.repository.wiki.view > .markup h2:first-of-type,
+.repository.wiki.view > .markup h3:first-of-type,
+.repository.wiki.view > .markup h4:first-of-type,
+.repository.wiki.view > .markup h5:first-of-type,
+.repository.wiki.view > .markup h6:first-of-type {
+ margin-top: 0;
+}
+
+.repository.wiki .form .CodeMirror-scroll {
+ max-height: 85vh;
+}
+
+@media (max-width: 767px) {
+ .repository.wiki .dividing.header .stackable.grid .button {
+ margin-top: 2px;
+ margin-bottom: 2px;
+ }
+}
+
+@media (max-width: 767px) {
+ .repository.wiki #clone-panel #repo-clone-url {
+ width: 160px;
+ }
+}
+
+.repository.settings.collaboration .collaborator.list {
+ padding: 0;
+}
+
+.repository.settings.collaboration .collaborator.list > .item {
+ margin: 0;
+ line-height: 2em;
+}
+
+.repository.settings.collaboration .collaborator.list > .item:not(:last-child) {
+ border-bottom: 1px solid var(--color-secondary);
+}
+
+.repository.settings.collaboration #repo-collab-form #search-user-box .results {
+ left: 7px;
+}
+
+.repository.settings.collaboration #repo-collab-form .ui.button {
+ margin-left: 5px;
+ margin-top: -3px;
+}
+
+.repository.settings.collaboration #repo-collab-team-form #search-team-box .results {
+ left: 7px;
+}
+
+.repository.settings.collaboration #repo-collab-team-form .ui.button {
+ margin-left: 5px;
+ margin-top: -3px;
+}
+
+.repository.settings.branches .protected-branches .selection.dropdown {
+ width: 300px;
+}
+
+.repository.settings.branches .protected-branches .item {
+ border: 1px solid var(--color-secondary);
+ padding: 10px 15px;
+}
+
+.repository.settings.branches .protected-branches .item:not(:last-child) {
+ border-bottom: 0;
+}
+
+.repository.settings.branches .branch-protection .help {
+ margin-left: 26px;
+ padding-top: 0;
+}
+
+.repository.settings.branches .branch-protection .fields {
+ margin-left: 20px;
+ display: block;
+}
+
+.repository.settings.branches .branch-protection .whitelist {
+ margin-left: 26px;
+}
+
+.repository.settings.branches .branch-protection .whitelist .dropdown img {
+ display: inline-block;
+}
+
+.repository.settings.webhook .events .column {
+ padding-bottom: 0;
+}
+
+.repository.settings.webhook .events .help {
+ font-size: 13px;
+ margin-left: 26px;
+ padding-top: 0;
+}
+
+.repository .ui.attached.isSigned.isWarning {
+ border-left: 1px solid var(--color-error-border);
+ border-right: 1px solid var(--color-error-border);
+}
+
+.repository .ui.attached.isSigned.isWarning.top,
+.repository .ui.attached.isSigned.isWarning.message {
+ border-top: 1px solid var(--color-error-border);
+}
+
+.repository .ui.attached.isSigned.isWarning.message {
+ box-shadow: none;
+ background-color: var(--color-error-bg);
+ color: var(--color-error-text);
+}
+
+.repository .ui.attached.isSigned.isWarning.message .ui.text {
+ color: var(--color-error-text);
+}
+
+.repository .ui.attached.isSigned.isWarning:last-child,
+.repository .ui.attached.isSigned.isWarning.bottom {
+ border-bottom: 1px solid var(--color-error-border);
+}
+
+.repository .ui.attached.isSigned.isVerified {
+ border-left: 1px solid var(--color-success-border);
+ border-right: 1px solid var(--color-success-border);
+}
+
+.repository .ui.attached.isSigned.isVerified.top,
+.repository .ui.attached.isSigned.isVerified.message {
+ border-top: 1px solid var(--color-success-border);
+}
+
+.repository .ui.attached.isSigned.isVerified.message {
+ box-shadow: none;
+ background-color: var(--color-success-bg);
+ color: var(--color-success-text);
+}
+
+.repository .ui.attached.isSigned.isVerified.message .pull-right {
+ color: var(--color-text);
+}
+
+.repository .ui.attached.isSigned.isVerified.message .ui.text {
+ color: var(--color-success-text);
+}
+
+.repository .ui.attached.isSigned.isVerified:last-child,
+.repository .ui.attached.isSigned.isVerified.bottom {
+ border-bottom: 1px solid var(--color-success-border);
+}
+
+.repository .ui.attached.isSigned.isVerifiedUntrusted,
+.repository .ui.attached.isSigned.isVerifiedUnmatched {
+ border-left: 1px solid var(--color-warning-border);
+ border-right: 1px solid var(--color-warning-border);
+}
+
+.repository .ui.attached.isSigned.isVerifiedUntrusted.top,
+.repository .ui.attached.isSigned.isVerifiedUnmatched.top,
+.repository .ui.attached.isSigned.isVerifiedUntrusted.message,
+.repository .ui.attached.isSigned.isVerifiedUnmatched.message {
+ border-top: 1px solid var(--color-warning-border);
+}
+
+.repository .ui.attached.isSigned.isVerifiedUntrusted.message,
+.repository .ui.attached.isSigned.isVerifiedUnmatched.message {
+ box-shadow: none;
+ background-color: var(--color-warning-bg);
+ color: var(--color-warning-text);
+}
+
+.repository .ui.attached.isSigned.isVerifiedUntrusted.message .ui.text,
+.repository .ui.attached.isSigned.isVerifiedUnmatched.message .ui.text {
+ color: var(--color-warning-text);
+}
+
+.repository .ui.attached.isSigned.isVerifiedUntrusted:last-child,
+.repository .ui.attached.isSigned.isVerifiedUnmatched:last-child,
+.repository .ui.attached.isSigned.isVerifiedUntrusted.bottom,
+.repository .ui.attached.isSigned.isVerifiedUnmatched.bottom {
+ border-bottom: 1px solid var(--color-warning-border);
+}
+
+.repository .ui.segment.sub-menu {
+ padding: 7px;
+ line-height: 0;
+}
+
+.repository .ui.segment.sub-menu .list {
+ width: 100%;
+ display: flex;
+ align-items: center;
+}
+
+.repository .ui.segment.sub-menu .list .item {
+ width: 100%;
+ color: var(--color-text);
+}
+
+.repository .ui.segment.sub-menu .list .item:first-of-type {
+ border-radius: var(--border-radius) 0 0 var(--border-radius);
+ padding-left: 0.25rem;
+}
+
+.repository .ui.segment.sub-menu .list .item:last-of-type {
+ border-radius: 0 var(--border-radius) var(--border-radius) 0;
+ padding-right: 0.25rem;
+}
+
+.repository .ui.segment.sub-menu .list .item a {
+ color: var(--color-text);
+}
+
+.repository .ui.segment.sub-menu .list .item a:hover {
+ color: var(--color-primary-light-2);
+}
+
+.repository .ui.segment.sub-menu .list .item.active {
+ background: var(--color-secondary);
+}
+
+.repository .segment.reactions.dropdown .menu,
+.repository .select-reaction.dropdown .menu {
+ right: 0 !important;
+ left: auto !important;
+ min-width: 15em;
+}
+
+.repository .segment.reactions.dropdown .menu > .header,
+.repository .select-reaction.dropdown .menu > .header {
+ margin: 0.75rem 0 0.5rem;
+}
+
+.repository .segment.reactions.dropdown .menu > .item,
+.repository .select-reaction.dropdown .menu > .item {
+ float: left;
+ padding: 0.25rem !important;
+ margin: 0.25rem;
+ font-size: 1.5em;
+ width: 39px;
+ left: 13px;
+ border-radius: 6px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.repository .segment.reactions.dropdown .menu > .item img.emoji,
+.repository .select-reaction.dropdown .menu > .item img.emoji {
+ margin-right: 0;
+}
+
+.repository .segment.reactions.dropdown .menu > .item:hover,
+.repository .select-reaction.dropdown .menu > .item:hover {
+ background: var(--color-primary);
+}
+
+.repository .segment.reactions {
+ padding: 0;
+ display: flex;
+ border: none !important;
+ border-top: 1px solid var(--color-secondary) !important;
+ width: 100% !important;
+ max-width: 100% !important;
+ margin: 0 !important;
+}
+
+.repository .segment.reactions .ui.label {
+ max-height: 40px;
+ padding: 10px 18px !important;
+ display: flex !important;
+ align-items: center;
+ border: 0;
+ border-right: 1px solid;
+ border-radius: 0;
+ margin: 0;
+ font-size: 14px;
+ font-weight: normal;
+ border-color: var(--color-secondary) !important;
+ background: var(--color-reaction-bg);
+}
+
+.repository .segment.reactions .ui.label.disabled {
+ cursor: default;
+ opacity: 1;
+}
+
+.repository .segment.reactions .ui.label.basic {
+ color: var(--color-primary) !important;
+}
+
+.repository .segment.reactions .ui.label.basic.primary {
+ background-color: var(--color-reaction-active-bg) !important;
+ border-color: var(--color-secondary) !important;
+}
+
+.repository .segment.reactions .reaction-count {
+ margin-left: 0.5rem;
+}
+
+.repository .segment.reactions .select-reaction {
+ display: flex;
+ align-items: center;
+ padding: 0 14px;
+}
+
+.repository .segment.reactions .select-reaction:not(.active) a {
+ display: none;
+}
+
+.repository .segment.reactions:hover .select-reaction a {
+ display: block;
+}
+
+.repository .ui.fluid.action.input .ui.search.action.input {
+ flex: auto;
+}
+
+.repository .repository-summary {
+ box-shadow: none !important;
+}
+
+.repository .repository-summary .segment.language-stats-details,
+.repository .repository-summary .segment.repository-summary {
+ border-top: none;
+ background: none;
+}
+
+.repository .repository-summary .segment.language-stats-details .item {
+ white-space: nowrap;
+}
+
+.repository .repository-summary .segment.language-stats {
+ padding: 0;
+ height: 11px;
+ display: flex;
+ white-space: nowrap;
+ width: 100%;
+ border-radius: 0;
+}
+
+@media (max-width: 767px) {
+ .repository .repository-summary .segment.language-stats {
+ display: none;
+ }
+}
+
+.repository .repository-summary .segment.language-stats .bar {
+ white-space: nowrap;
+ border: 0;
+ padding: 0;
+ margin: 0;
+ height: 100%;
+}
+
+.repository .repository-menu {
+ padding: 0 !important;
+}
+
+.repository .repository-menu .item {
+ padding-top: 9px !important;
+ padding-bottom: 9px !important;
+}
+
+#cite-repo-modal #citation-panel {
+ width: 500px;
+}
+
+@media (max-width: 767px) {
+ #cite-repo-modal #citation-panel {
+ width: 100%;
+ }
+}
+
+#cite-repo-modal #citation-panel input {
+ border-radius: 0;
+ padding: 5px 10px;
+ width: 50%;
+ line-height: 1.4;
+}
+
+#cite-repo-modal #citation-panel .citation.button {
+ font-size: 13px;
+ padding: 7.5px 5px;
+}
+
+#cite-repo-modal #citation-panel #citation-copy-content {
+ border-radius: 0;
+ padding: 5px 10px;
+ font-size: 1.2em;
+ line-height: 1.4;
+}
+
+#cite-repo-modal #citation-panel #citation-copy-apa,
+#cite-repo-modal #citation-panel #citation-copy-bibtex {
+ border-right: none;
+}
+
+#cite-repo-modal #citation-panel #goto-citation-btn {
+ border-left: none;
+}
+
+#cite-repo-modal #citation-panel > :first-child {
+ border-radius: var(--border-radius) 0 0 var(--border-radius) !important;
+}
+
+#cite-repo-modal #citation-panel > :last-child {
+ border-radius: 0 var(--border-radius) var(--border-radius) 0 !important;
+}
+
+#cite-repo-modal #citation-panel .icon.button {
+ padding: 0 10px;
+}
+
+.user-cards .list {
+ padding: 0;
+ display: flex;
+ flex-wrap: wrap;
+}
+
+.user-cards .list .item {
+ list-style: none;
+ width: 32%;
+ margin: 10px 10px 10px 0;
+ padding-bottom: 14px;
+ float: left;
+}
+
+.user-cards .list .item .avatar {
+ width: 48px;
+ height: 48px;
+ float: left;
+ display: block;
+ margin-right: 10px;
+}
+
+.user-cards .list .item .name {
+ margin-top: 0;
+ margin-bottom: 0;
+ font-weight: normal;
+}
+
+.user-cards .list .item .meta {
+ margin-top: 5px;
+}
+
+#search-repo-box .results .result img,
+#search-user-box .results .result img {
+ float: left;
+ margin-right: 8px;
+ width: 2em;
+ height: 2em;
+}
+
+#search-repo-box .results .result .content,
+#search-user-box .results .result .content {
+ margin: 6px 0;
+}
+
+#search-team-box .results .result .content {
+ margin: 6px 0;
+}
+
+#issue-actions {
+ margin-top: -1rem !important; /* counteract padding from Semantic */
+}
+
+.ui.menu .item > img:not(.ui) {
+ width: auto;
+}
+
+.page.buttons {
+ padding-top: 15px;
+}
+
+.commit-header-row {
+ min-height: 50px !important;
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+}
+
+.settings .content > .header,
+.settings .content .segment {
+ box-shadow: 0 1px 2px 0 var(--color-box-header);
+}
+
+.settings.webhooks .list > .item:not(:first-child),
+.settings.githooks .list > .item:not(:first-child),
+.settings.runners .list > .item:not(:first-child) {
+ padding: 0.25rem 1rem;
+ margin: 12px -1rem -1rem;
+}
+
+.settings .list > .item:not(:first-child) {
+ border-top: 1px solid var(--color-secondary);
+ padding: 1rem;
+ margin: 16px -1rem -1rem;
+}
+
+.settings .list > .item > .svg {
+ display: table-cell;
+}
+
+.settings .list > .item > .svg + .content {
+ display: table-cell;
+ padding: 0 0 0 0.5em;
+ vertical-align: top;
+}
+
+.settings .list > .item .info {
+ margin-top: 10px;
+}
+
+.settings .list > .item .info .tab.segment {
+ border: 0;
+ padding: 10px 0 0;
+}
+
+.settings .list.key .meta {
+ padding-top: 5px;
+ color: var(--color-text-light-2);
+}
+
+.settings .list.email > .item:not(:first-child) {
+ min-height: 60px;
+}
+
+.settings .list.collaborator > .item {
+ padding: 0;
+}
+
+.ui.vertical.menu .header.item {
+ font-size: 1.1em;
+ background: var(--color-box-header);
+}
+
+.comment:target .comment-container {
+ border-color: var(--color-primary) !important;
+ box-shadow: 0 0 0 3px var(--color-primary-alpha-30) !important;
+}
+
+.comment:target .header::before {
+ border-right-color: var(--color-primary) !important;
+ filter: drop-shadow(-3px 0 0 var(--color-primary-alpha-30)) !important;
+}
+
+.code-comment:target {
+ border-color: var(--color-primary) !important;
+ border-radius: var(--border-radius) !important;
+ box-shadow: 0 0 0 3px var(--color-primary-alpha-30) !important;
+}
+
+.code-comment:target .content {
+ box-shadow: none !important;
+}
+
+.comment-header {
+ border: none !important;
+ background: var(--color-box-header);
+ border-bottom: 1px solid var(--color-secondary) !important;
+ font-weight: normal !important;
+ padding: 0.5rem 1rem;
+ margin: 0 !important;
+ position: relative;
+ color: var(--color-text-light-2);
+ min-height: 41px;
+ background-color: var(--color-box-header);
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+
+.comment-header::before,
+.comment-header::after {
+ right: 100%;
+ top: 20px;
+ border: solid transparent;
+ content: " ";
+ height: 0;
+ width: 0;
+ position: absolute;
+ pointer-events: none;
+}
+
+.comment-header::before {
+ border-right-color: var(--color-secondary);
+ border-width: 9px;
+ margin-top: -9px;
+}
+
+.comment-header::after {
+ border-right-color: var(--color-box-header);
+ border-width: 8px;
+ margin-top: -8px;
+}
+
+.comment-header.arrow-top::before,
+.comment-header.arrow-top::after {
+ transform: rotate(90deg);
+}
+
+.comment-header.arrow-top::before {
+ top: -9px;
+ left: 6px;
+}
+
+.comment-header.arrow-top::after {
+ top: -8px;
+ left: 7px;
+}
+
+.comment-header a {
+ color: var(--color-text);
+}
+
+.comment-header a:hover {
+ color: var(--color-primary);
+}
+
+.comment-header .actions a {
+ margin-right: 0 !important;
+ padding: 0.5rem !important;
+}
+
+.comment-header-left > * + *,
+.comment-header-right > * + * {
+ margin-left: 0.25rem;
+}
+
+.comment-body {
+ background: var(--color-box-body);
+ border: none !important;
+ width: 100% !important;
+ max-width: 100% !important;
+ margin: 0 !important;
+}
+
+.edit-label.modal .form .column,
+.new-label.modal .form .column {
+ padding-right: 0;
+}
+
+.edit-label.modal .form .buttons,
+.new-label.modal .form .buttons {
+ margin-left: auto;
+ padding-top: 15px;
+}
+
+.edit-label.modal .form .color.picker.column,
+.new-label.modal .form .color.picker.column {
+ display: flex;
+}
+
+.edit-label.modal .form .color.picker.column .minicolors,
+.new-label.modal .form .color.picker.column .minicolors {
+ flex: 1;
+}
+
+.edit-label.modal .form .minicolors-swatch.minicolors-sprite,
+.new-label.modal .form .minicolors-swatch.minicolors-sprite {
+ top: 10px;
+ left: 10px;
+ width: 15px;
+ height: 15px;
+}
+
+#avatar-arrow::before,
+#avatar-arrow::after {
+ right: 100%;
+ top: 20px;
+ border: solid transparent;
+ content: " ";
+ height: 0;
+ width: 0;
+ position: absolute;
+ pointer-events: none;
+}
+
+#avatar-arrow::before {
+ border-right-color: var(--color-secondary);
+ border-width: 9px;
+ margin-top: -9px;
+}
+
+#avatar-arrow::after {
+ border-right-color: var(--color-box-header);
+ border-width: 8px;
+ margin-top: -8px;
+}
+
+#transfer-repo-modal .ui.message,
+#delete-repo-modal .ui.message,
+#delete-wiki-modal .ui.message,
+#convert-fork-repo-modal .ui.message,
+#convert-mirror-repo-modal .ui.message,
+#fork-repo-modal .ui.message {
+ width: 100% !important;
+}
+
+.tab-size-1 {
+ tab-size: 1 !important;
+ -moz-tab-size: 1 !important;
+}
+
+.tab-size-2 {
+ tab-size: 2 !important;
+ -moz-tab-size: 2 !important;
+}
+
+.tab-size-3 {
+ tab-size: 3 !important;
+ -moz-tab-size: 3 !important;
+}
+
+.tab-size-4 {
+ tab-size: 4 !important;
+ -moz-tab-size: 4 !important;
+}
+
+.tab-size-5 {
+ tab-size: 5 !important;
+ -moz-tab-size: 5 !important;
+}
+
+.tab-size-6 {
+ tab-size: 6 !important;
+ -moz-tab-size: 6 !important;
+}
+
+.tab-size-7 {
+ tab-size: 7 !important;
+ -moz-tab-size: 7 !important;
+}
+
+.tab-size-8 {
+ tab-size: 8 !important;
+ -moz-tab-size: 8 !important;
+}
+
+.tab-size-9 {
+ tab-size: 9 !important;
+ -moz-tab-size: 9 !important;
+}
+
+.tab-size-10 {
+ tab-size: 10 !important;
+ -moz-tab-size: 10 !important;
+}
+
+.tab-size-11 {
+ tab-size: 11 !important;
+ -moz-tab-size: 11 !important;
+}
+
+.tab-size-12 {
+ tab-size: 12 !important;
+ -moz-tab-size: 12 !important;
+}
+
+.tab-size-13 {
+ tab-size: 13 !important;
+ -moz-tab-size: 13 !important;
+}
+
+.tab-size-14 {
+ tab-size: 14 !important;
+ -moz-tab-size: 14 !important;
+}
+
+.tab-size-15 {
+ tab-size: 15 !important;
+ -moz-tab-size: 15 !important;
+}
+
+.tab-size-16 {
+ tab-size: 16 !important;
+ -moz-tab-size: 16 !important;
+}
+
+.stats-table {
+ display: table;
+ width: 100%;
+}
+
+.stats-table .table-cell {
+ display: table-cell;
+}
+
+.stats-table .table-cell.tiny {
+ height: 0.5em;
+}
+
+.labels-list .label {
+ margin: 2px 0;
+ display: inline-flex !important;
+ line-height: 1.3em; /* there is a `font-size: 1.25em` for inside emoji, so here the line-height needs to be larger slightly */
+}
+
+/* Scoped labels with different colors on left and right */
+.scope-parent {
+ background: none !important;
+ padding: 0 !important;
+}
+
+.ui.label.scope-left {
+ border-bottom-right-radius: 0;
+ border-top-right-radius: 0;
+ margin-right: 0;
+}
+
+.ui.label.scope-right {
+ border-bottom-left-radius: 0;
+ border-top-left-radius: 0;
+ margin-left: 0;
+}
+
+.repo-button-row {
+ margin-bottom: 10px;
+}
+
+.repo-button-row > * {
+ margin-top: 8px;
+}
+
+.wiki .repo-button-row {
+ margin-bottom: 0;
+}
+
+.wiki .repo-button-row > * {
+ margin-top: 0;
+}
+
+.repo-button-row .button {
+ padding: 6px 10px !important;
+ height: 30px;
+}
+
+.repo-button-row input {
+ height: 30px;
+}
+
+tbody.commit-list {
+ vertical-align: baseline;
+}
+
+.message-wrapper,
+.author-wrapper {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-width: calc(100% - 50px);
+ display: inline-block;
+ vertical-align: middle;
+}
+
+.author-wrapper {
+ max-width: 180px;
+}
+
+/* in the commit list, messages can wrap so we can use inline */
+.commit-list .message-wrapper {
+ display: inline;
+}
+
+/* but in the repo-files-table we cannot */
+#repo-files-table .commit-list .message-wrapper {
+ display: inline-block;
+}
+
+@media (max-width: 767px) {
+ tr.commit-list {
+ width: 100%;
+ }
+ th .message-wrapper {
+ display: block;
+ max-width: calc(100vw - 70px);
+ }
+ .author-wrapper {
+ max-width: 80px;
+ }
+}
+
+@media (min-width: 768px) and (max-width: 991px) {
+ tr.commit-list {
+ width: 723px;
+ }
+ th .message-wrapper {
+ max-width: 120px;
+ }
+}
+
+@media (min-width: 992px) and (max-width: 1200px) {
+ tr.commit-list {
+ width: 933px;
+ }
+ th .message-wrapper {
+ max-width: 350px;
+ }
+}
+
+@media (min-width: 1201px) {
+ tr.commit-list {
+ width: 1127px;
+ }
+ th .message-wrapper {
+ max-width: 525px;
+ }
+}
+
+.commit-list .commit-status-link {
+ display: inline-block;
+ vertical-align: middle;
+}
+
+.commit-body {
+ white-space: pre-wrap;
+ line-height: initial;
+}
+
+/* commit history list */
+.repository:not(.diff) .commit-body {
+ margin: 0;
+}
+
+/* PR-comment */
+.repository:not(.diff) .timeline-item .commit-body {
+ margin-left: 40px;
+}
+
+.git-notes.top {
+ text-align: left;
+}
+
+.comment-diff-data {
+ background: var(--color-code-bg);
+ max-height: calc(100vh - 10.5rem);
+ overflow-y: auto;
+}
+
+.comment-diff-data pre {
+ line-height: 18px;
+ white-space: pre-wrap;
+ word-break: break-all;
+ overflow-wrap: break-word;
+}
+
+.content-history-detail-dialog .header .avatar {
+ position: relative;
+ top: -2px;
+}
+
+#topic_edit {
+ margin-top: 5px;
+}
+
+#repo-topics {
+ margin-top: 5px;
+ display: flex;
+ align-items: center;
+ flex-wrap: wrap;
+}
+
+.repo-topic {
+ font-weight: normal !important;
+ cursor: pointer;
+ margin: 2px !important;
+}
+
+#new-dependency-drop-list.ui.selection.dropdown {
+ min-width: 0;
+ width: 100%;
+ border-radius: 4px 0 0 4px;
+ border-right: 0;
+ white-space: nowrap;
+}
+
+#new-dependency-drop-list .text {
+ width: 100%;
+ overflow: hidden;
+}
+
+#manage_topic {
+ font-size: 12px;
+}
+
+.label + #manage_topic {
+ margin-left: 5px;
+}
+
+.ui.small.label.topic {
+ margin-bottom: 4px;
+}
+
+.repo-header {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ flex-wrap: wrap;
+ word-break: break-word;
+}
+
+@media (max-width: 767px) {
+ .repo-header + .container {
+ margin-top: 7px;
+ }
+}
+
+.repo-buttons {
+ align-items: center;
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ word-break: keep-all;
+}
+
+@media (max-width: 767px) {
+ .repo-buttons {
+ margin-top: 1em;
+ }
+}
+
+.repo-buttons .ui.labeled.button > .label:hover {
+ color: var(--color-primary-light-2);
+ background: var(--color-light);
+}
+
+.repo-buttons button[disabled] ~ .label {
+ opacity: var(--opacity-disabled);
+ color: var(--color-text-dark);
+ background: var(--color-light-mimic-enabled) !important;
+}
+
+.repo-buttons button[disabled] ~ .label:hover {
+ color: var(--color-primary-dark-1);
+}
+
+.repo-buttons .ui.labeled.button {
+ cursor: initial;
+}
+
+.repo-buttons .ui.labeled.button > .label {
+ border-left: 0 !important;
+ margin: 0 !important;
+}
+
+.repo-buttons .ui.labeled.button.disabled {
+ pointer-events: inherit !important;
+}
+
+.repo-buttons .ui.labeled.button.disabled > .label {
+ color: var(--color-text-dark);
+ background: var(--color-light-mimic-enabled) !important;
+}
+
+.repo-buttons .ui.labeled.button.disabled > .label:hover {
+ color: var(--color-primary-dark-1);
+}
+
+.repo-buttons .ui.labeled.button.disabled > .button {
+ pointer-events: none !important;
+}
+
+@media (max-width: 767px) {
+ .repo-buttons .ui.labeled.button .svg {
+ display: none;
+ }
+}
+
+.tag-code {
+ height: 28px;
+}
+
+.tag-code,
+.tag-code td,
+.tag-code .blob-excerpt {
+ background-color: var(--color-box-body-highlight);
+ vertical-align: middle;
+}
+
+.resolved-placeholder {
+ font-weight: normal !important;
+ border: 1px solid var(--color-secondary) !important;
+ border-radius: var(--border-radius) !important;
+ margin: 4px !important;
+}
+
+.resolved-placeholder + .comment-code-cloud {
+ padding-top: 0 !important;
+}
+
+td.blob-excerpt {
+ background-color: var(--color-secondary-alpha-30);
+}
+
+.issue-keyword {
+ border-bottom: 1px dotted var(--color-text-light-3) !important;
+}
+
+.issue-keyword:hover {
+ border-bottom: none !important;
+}
+
+.file-header {
+ align-items: center;
+ display: flex;
+ justify-content: space-between;
+ overflow-x: auto;
+ padding: 6px 12px !important;
+ font-size: 13px !important;
+}
+
+.file-info {
+ display: flex;
+ align-items: center;
+}
+
+.file-info-entry {
+ display: flex;
+ align-items: center;
+ width: max-content;
+}
+
+.file-info-entry + .file-info-entry {
+ border-left: 1px solid currentcolor;
+ margin-left: 8px;
+ padding-left: 8px;
+}
+
+#diff-container {
+ display: flex;
+}
+
+#diff-file-boxes {
+ flex: 1;
+ max-width: 100%;
+}
+
+#diff-file-tree {
+ width: 20%;
+ max-width: 380px;
+ line-height: inherit;
+ position: sticky;
+ padding-top: 0;
+ top: 47px;
+ max-height: calc(100vh - 50px);
+ height: 100%;
+ overflow-y: auto;
+}
+
+@media (max-width: 991px) {
+ #diff-file-tree {
+ display: none !important;
+ }
+ .diff-toggle-file-tree-button {
+ display: none !important;
+ }
+}
+
+.ui.message.unicode-escape-prompt {
+ margin-bottom: 0;
+ border-radius: 0;
+ display: flex;
+ flex-direction: column;
+}
+
+.wiki-content-sidebar .ui.message.unicode-escape-prompt p,
+.wiki-content-footer .ui.message.unicode-escape-prompt p {
+ display: none;
+}
+
+.wiki-content-toc > ul > li {
+ margin-bottom: 4px;
+}
+
+.wiki-content-toc ul {
+ margin: 0;
+ list-style: none;
+ padding-left: 1em;
+}
+
+/* fomantic's last-child selector does not work with hidden last child */
+.ui.buttons .unescape-button {
+ border-top-right-radius: 0.28571429rem;
+ border-bottom-right-radius: 0.28571429rem;
+}
+
+.webhook-info {
+ padding: 7px 12px;
+ margin: 10px 0;
+ background-color: var(--color-markup-code-block);
+ border: 1px solid var(--color-secondary);
+ border-radius: 3px;
+ font-size: 13px;
+ line-height: 1.5;
+ overflow: auto;
+}
+
+.title_wip_desc {
+ margin-top: 1em;
+}
+
+.sidebar-item-link {
+ align-items: center;
+ word-break: break-all;
+}
+
+.diff-file-box[data-folded="true"] .diff-file-body {
+ display: none;
+}
+
+.diff-file-box[data-folded="true"] .diff-file-header {
+ border-radius: var(--border-radius) !important;
+}
+
+.diff-file-header-actions > * + * {
+ margin-left: 0.5rem !important;
+}
+
+.ui.attached.header.diff-file-header.sticky-2nd-row {
+ position: sticky;
+ top: 77px;
+ z-index: 7;
+}
+
+@media (max-width: 480px) {
+ .ui.attached.header.diff-file-header.sticky-2nd-row {
+ position: static;
+ }
+}
+
+.ui.attached.header.diff-file-header .diff-file-header-actions {
+ flex-shrink: 0;
+}
+
+.ui.attached.header.diff-file-header .diff-file-name {
+ flex: auto;
+ min-width: 100px;
+}
+
+.diff-file-body {
+ overflow-x: scroll;
+}
+
+.diff-stats-bar {
+ display: inline-block;
+ background-color: var(--color-red);
+ height: 12px;
+ width: 40px;
+}
+
+.diff-stats-bar .diff-stats-add-bar {
+ background-color: var(--color-green);
+ height: 100%;
+}
+
+/* prevent page shaking on language bar click */
+.repository-summary-language-stats {
+ height: 48px;
+ overflow: hidden;
+}
+
+@media (max-width: 767px) {
+ .repository-summary-language-stats {
+ height: auto;
+ }
+}
+
+.ui.form .right .ui.button {
+ margin-left: 0.25em;
+ margin-right: 0;
+}
+
+.removed-code {
+ background: var(--color-diff-removed-word-bg);
+}
+
+.added-code {
+ background: var(--color-diff-added-word-bg);
+}
+
+.code-diff-unified .del-code,
+.code-diff-unified .del-code td,
+.code-diff-split .del-code .lines-num-old,
+.code-diff-split .del-code .lines-escape-old,
+.code-diff-split .del-code .lines-type-marker-old,
+.code-diff-split .del-code .lines-code-old {
+ background: var(--color-diff-removed-row-bg);
+ border-color: var(--color-diff-removed-row-border);
+}
+
+.code-diff-unified .add-code,
+.code-diff-unified .add-code td,
+.code-diff-split .add-code .lines-num-new,
+.code-diff-split .add-code .lines-type-marker-new,
+.code-diff-split .add-code .lines-escape-new,
+.code-diff-split .add-code .lines-code-new,
+.code-diff-split .del-code .add-code.lines-num-new,
+.code-diff-split .del-code .add-code.lines-type-marker-new,
+.code-diff-split .del-code .add-code.lines-escape-new,
+.code-diff-split .del-code .add-code.lines-code-new {
+ background: var(--color-diff-added-row-bg);
+ border-color: var(--color-diff-added-row-border);
+}
+
+.code-diff-split .del-code .lines-num-new,
+.code-diff-split .del-code .lines-type-marker-new,
+.code-diff-split .del-code .lines-code-new,
+.code-diff-split .del-code .lines-escape-new,
+.code-diff-split .add-code .lines-num-old,
+.code-diff-split .add-code .lines-escape-old,
+.code-diff-split .add-code .lines-type-marker-old,
+.code-diff-split .add-code .lines-code-old {
+ background: var(--color-diff-inactive);
+}
+
+.code-diff-split tbody tr td:nth-child(5),
+.code-diff-split tbody tr td.add-comment-right {
+ border-left: 1px solid var(--color-secondary);
+}
+
+.repository .ui.menu.new-menu {
+ background: none !important;
+}
+
+@media (max-width: 1200px) {
+ .repository .ui.menu.new-menu::after {
+ background: none !important;
+ }
+}
+
+.repository.migrate .card {
+ transition: all 0.1s ease-in-out;
+ box-shadow: none !important;
+ border: 1px solid var(--color-secondary);
+ color: var(--color-text);
+}
+
+.repository.migrate .card:hover {
+ transform: scale(105%);
+ box-shadow: 0 0.5rem 1rem var(--color-shadow) !important;
+}
+
+@media (max-width: 767px) {
+ .repository.file.list #repo-files-table .entry,
+ .repository.file.list #repo-files-table .commit-list {
+ align-items: center;
+ display: flex !important;
+ padding-top: 4px;
+ padding-bottom: 4px;
+ }
+ .repository.file.list #repo-files-table .entry td.age,
+ .repository.file.list #repo-files-table .commit-list td.age,
+ .repository.file.list #repo-files-table .entry th.age,
+ .repository.file.list #repo-files-table .commit-list th.age {
+ margin-left: auto;
+ }
+ .repository.file.list #repo-files-table .entry td.message,
+ .repository.file.list #repo-files-table .commit-list td.message,
+ .repository.file.list #repo-files-table .entry span.commit-summary,
+ .repository.file.list #repo-files-table .commit-list span.commit-summary {
+ display: none !important;
+ }
+ .issue-list-headers.ui[class].grid > div:nth-child(1) {
+ order: 1;
+ width: 50%;
+ }
+ .issue-list-headers.ui[class].grid > div:nth-child(2) {
+ order: 3;
+ width: 100%;
+ }
+ .issue-list-headers.ui[class].grid > div.column:not(.row):nth-child(3) {
+ order: 2;
+ width: 50%;
+ }
+ .repository.view.issue .comment-list .timeline,
+ .repository.view.issue .comment-list .timeline-item {
+ margin-left: 0;
+ }
+ .repository.view.issue .comment-list .timeline::before {
+ left: 14px;
+ }
+ .repository.view.issue .comment-list .timeline .inline-timeline-avatar {
+ display: flex;
+ margin-bottom: auto;
+ }
+ .repository.view.issue .comment-list .timeline .inline-timeline-avatar img.avatar {
+ height: 24px;
+ width: 24px;
+ }
+ .repository.view.issue .comment-list .timeline .comment-header {
+ padding-left: 4px;
+ }
+ .repository.view.issue .comment-list .timeline .comment-header::before,
+ .repository.view.issue .comment-list .timeline .comment-header::after {
+ content: unset;
+ }
+ /* Don't show the general avatar, we show the inline avatar on mobile.
+ * And don't show the role labels, there's no place for that. */
+ .repository.view.issue .comment-list .timeline .timeline-avatar,
+ .repository.view.issue .comment-list .timeline .comment-header-right .role-label {
+ display: none;
+ }
+ .commit-header-row .ui.horizontal.list {
+ width: 100%;
+ overflow-x: auto;
+ margin-top: 2px;
+ }
+ .commit-header-row .ui.horizontal.list .item {
+ align-items: center;
+ display: flex;
+ }
+ .commit-header-row .author {
+ padding: 3px 0;
+ }
+ .commit-header h3 {
+ flex-basis: auto !important;
+ margin-bottom: 0.5rem !important;
+ }
+ .commits-table {
+ flex-direction: column;
+ }
+ .commits-table .commits-table-left {
+ align-items: initial !important;
+ margin-bottom: 6px;
+ }
+ .commits-table .commits-table-right form {
+ display: flex;
+ flex-wrap: wrap;
+ }
+ .commits-table .commits-table-right form > div:nth-child(1) {
+ order: 1;
+ }
+ .commits-table .commits-table-right form > div:nth-child(2) {
+ order: 3;
+ margin-left: 0.5rem;
+ margin-top: 0.5rem;
+ }
+ .commits-table .commits-table-right form > button:nth-child(3) {
+ order: 2;
+ margin-left: 0.25rem;
+ }
+ .commit-table {
+ overflow-x: auto;
+ }
+ .commit-table td.sha,
+ .commit-table th.sha {
+ display: none !important;
+ }
+ .commit-table .commit-list span.message-wrapper {
+ max-width: none;
+ }
+ .commit-table .commit-list tr td:last-child {
+ display: block;
+ width: max-content;
+ }
+ .commit-table .commit-list td.author {
+ display: block;
+ width: calc(100% + 0.5rem);
+ }
+ .commit-table .commit-list .copy-commit-sha {
+ display: none !important;
+ }
+ .comment-header {
+ flex-wrap: wrap;
+ }
+ .comment-header .comment-header-left {
+ flex-wrap: wrap;
+ }
+ .comment-header .comment-header-right {
+ margin-left: auto;
+ }
+}
+
+.branch-dropdown-button {
+ max-width: 340px;
+ vertical-align: bottom !important;
+}
+
+@media (min-width: 768px) and (max-width: 991px) {
+ .branch-dropdown-button {
+ max-width: 185px;
+ }
+}
+
+@media (max-width: 767px) {
+ .branch-dropdown-button {
+ max-width: 165px;
+ }
+}
+
+.pr-status {
+ padding: 0 !important; /* To clear fomantic's padding on .ui.segment elements */
+ display: flex;
+ align-items: center;
+}
+
+.pr-status .commit-status {
+ margin: 1em;
+ flex-shrink: 0;
+}
+
+.pr-status .status-context {
+ display: flex;
+ justify-content: space-between;
+ width: 100%;
+}
+
+.pr-status .status-context > span {
+ padding: 1em 0;
+}
+
+.pr-status .status-details {
+ display: flex;
+ padding-right: 0.5em;
+ align-items: center;
+ justify-content: flex-end;
+}
+
+@media (max-width: 767px) {
+ .pr-status .status-details {
+ flex-direction: column;
+ align-items: flex-end;
+ justify-content: center;
+ }
+}
+
+.pr-status .status-details > span {
+ padding-right: 0.5em; /* To match the alignment with the "required" label */
+}
diff --git a/web_src/css/review.css b/web_src/css/review.css
new file mode 100644
index 0000000000..b58cc5a196
--- /dev/null
+++ b/web_src/css/review.css
@@ -0,0 +1,322 @@
+.show-outdated,
+.hide-outdated {
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ user-select: none;
+}
+
+.ui.button.add-code-comment {
+ padding: 2px;
+ position: absolute;
+ margin-left: -22px;
+ z-index: 5;
+ opacity: 0;
+ transition: transform 0.1s ease-in-out;
+ transform: scale(1);
+ box-shadow: none !important;
+ border: none !important;
+}
+
+.ui.button.add-code-comment:hover {
+ transform: scale(1.1);
+}
+
+.lines-escape a.toggle-escape-button::before {
+ visibility: visible;
+ content: "⚠️";
+ font-family: var(--fonts-emoji);
+ color: var(--color-red);
+}
+
+.repository .diff-file-box .code-diff td.lines-escape {
+ padding-left: 0 !important;
+}
+
+.diff-file-box .lines-code:hover .ui.button.add-code-comment {
+ opacity: 1;
+}
+
+.repository .diff-file-box .code-diff .add-comment-left,
+.repository .diff-file-box .code-diff .add-comment-right,
+.repository .diff-file-box .code-diff .add-code-comment .add-comment-left,
+.repository .diff-file-box .code-diff .add-code-comment .add-comment-right,
+.repository .diff-file-box .code-diff .add-code-comment .lines-type-marker {
+ padding-left: 0 !important;
+ padding-right: 0 !important;
+}
+
+.add-comment-left.add-comment-right .ui.attached.header {
+ border: 1px solid var(--color-secondary);
+}
+
+.add-comment-left.add-comment-right .ui.attached.header:not(.top) {
+ margin-bottom: 0.5em;
+}
+
+.add-comment .lines-num,
+.add-comment .lines-escape,
+.add-comment .lines-type-marker {
+ display: none;
+}
+
+.show-outdated:hover,
+.hide-outdated:hover {
+ text-decoration: underline;
+}
+
+.comment-code-cloud {
+ padding: 0.5rem 1rem !important;
+ position: relative;
+ margin: 0 auto;
+ max-width: 1000px;
+}
+
+@media (max-width: 767px) {
+ .comment-code-cloud {
+ max-width: none;
+ padding: 0.75rem !important;
+ }
+ .comment-code-cloud .code-comment-buttons {
+ margin: 0.5rem 0 0.25rem !important;
+ }
+ .comment-code-cloud .code-comment-buttons .code-comment-buttons-buttons {
+ width: 100%;
+ }
+ .comment-code-cloud .ui.buttons {
+ width: 100%;
+ margin: 0 !important;
+ }
+ .comment-code-cloud .ui.buttons .button {
+ flex: 1;
+ }
+}
+
+.comment-code-cloud .comments .comment {
+ padding: 0;
+}
+
+@media (max-width: 767px) {
+ .comment-code-cloud .comments .comment {
+ display: flex;
+ }
+ .comment-code-cloud
+ .comments
+ .comment
+ .comment-header-right.actions
+ .ui.basic.label {
+ display: none;
+ }
+ .comment-code-cloud .comments .comment .avatar {
+ width: auto;
+ float: none;
+ margin: 0 0.5rem 0 0;
+ flex-shrink: 0;
+ }
+ .comment-code-cloud .comments .comment .avatar ~ .content {
+ margin-left: 1em;
+ }
+ .comment-code-cloud .comments .comment img.avatar {
+ margin: 0 !important;
+ }
+ .comment-code-cloud .comments .comment .comment-content {
+ margin-left: 0 !important;
+ }
+ .comment-code-cloud .comments .comment .comment-container {
+ width: 100%;
+ }
+ .comment-code-cloud .comments .comment.code-comment {
+ padding: 0 0 0.5rem !important;
+ }
+}
+
+.comment-code-cloud .attached.tab {
+ border: 0;
+ padding: 0;
+ margin: 0;
+}
+
+.comment-code-cloud .attached.header {
+ padding: 0.1rem 1rem;
+}
+
+.comment-code-cloud .attached.header .text {
+ margin: 0;
+}
+
+.comment-code-cloud .right.menu.options .item {
+ padding: 0.85714286em 0.442857em;
+ cursor: pointer;
+}
+
+.comment-code-cloud .ui.active.tab {
+ padding: 0.5em;
+}
+
+.comment-code-cloud .ui.active.tab.markup {
+ padding: 1em;
+ min-height: 168px;
+}
+
+.comment-code-cloud .ui.tabular.menu {
+ margin: 0.5em;
+}
+
+.comment-code-cloud .footer {
+ border-top: 1px solid var(--color-secondary);
+ padding: 10px 0;
+}
+
+.comment-code-cloud .footer .markup-info {
+ display: inline-block;
+ margin: 5px 0;
+ font-size: 12px;
+ color: var(--color-text-light);
+}
+
+.comment-code-cloud .footer .ui.right.floated {
+ padding-top: 6px;
+}
+
+.comment-code-cloud .footer::after {
+ clear: both;
+ content: "";
+ display: block;
+}
+
+@media (max-width: 767px) {
+ .comment-code-cloud .button {
+ width: 100%;
+ margin: 0 !important;
+ margin-bottom: 0.75rem !important;
+ }
+}
+
+.diff-file-body .comment-form {
+ margin: 0 0 0 3em;
+}
+
+.file-comment {
+ color: var(--color-text);
+}
+
+a.blob-excerpt {
+ color: var(--color-text-light);
+ height: 28px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ width: 100%;
+ background: var(--color-expand-button);
+}
+
+a.blob-excerpt:hover {
+ background: var(--color-primary);
+ color: var(--color-primary-contrast);
+}
+
+/* See the comment of createCommentEasyMDE() for the review editor */
+/* EasyMDE's options can not handle minHeight & maxHeight together correctly, we have to set minHeight in JS code */
+.review-box-panel .CodeMirror-scroll {
+ min-height: 80px;
+ max-height: calc(100vh - 360px);
+}
+
+@media (max-width: 767px) {
+ .review-box-panel .CodeMirror-scroll {
+ max-width: calc(100vw - 70px);
+ }
+}
+
+@media (min-width: 768px) and (max-width: 991px) {
+ .review-box-panel .CodeMirror-scroll {
+ max-width: 700px;
+ }
+}
+
+@media (min-width: 992px) and (max-width: 1200px) {
+ .review-box-panel .CodeMirror-scroll {
+ max-width: 800px;
+ }
+}
+
+@media (min-width: 1201px) {
+ .review-box-panel .CodeMirror-scroll {
+ max-width: 900px;
+ }
+}
+
+#review-box {
+ position: relative;
+}
+
+.review-box-panel {
+ position: absolute;
+ min-width: max-content;
+ top: 45px;
+ right: -5px;
+ z-index: 2;
+}
+
+#review-box .review-comments-counter {
+ background-color: var(--color-primary-light-4);
+ color: var(--color-primary-contrast);
+}
+
+#review-box:hover .review-comments-counter {
+ background-color: var(--color-primary-light-5);
+}
+
+#review-box .review-comments-counter[data-pending-comment-number="0"] {
+ display: none;
+}
+
+.pull.files.diff [id] {
+ scroll-margin-top: 99px;
+}
+
+@media (max-width: 991px) {
+ .pull.files.diff [id] {
+ scroll-margin-top: 130px;
+ }
+}
+
+.changed-since-last-review {
+ border: 1px var(--color-accent) solid;
+ background-color: var(--color-small-accent);
+ border-radius: 15px;
+ padding: 4px 8px;
+ margin: -8px 0; /* just like other buttons in the diff box header */
+ font-size: 0.857rem; /* just like .ui.tiny.button */
+}
+
+.viewed-file-form {
+ display: flex;
+ align-items: center;
+ border: 1px solid transparent;
+ padding: 4px 8px;
+ margin: -8px 0; /* just like other buttons in the diff box header */
+ border-radius: 0.285rem; /* just like .ui.tiny.button */
+ font-size: 0.857rem; /* just like .ui.tiny.button */
+}
+
+.viewed-file-form input {
+ margin-right: 4px;
+}
+
+.viewed-file-checked-form {
+ background-color: var(--color-small-accent);
+ border-color: var(--color-accent);
+}
+
+#viewed-files-summary {
+ width: 72px;
+ height: 10px;
+}
+
+.diff-file-box {
+ border-radius: 0.285rem; /* Just like ui.top.attached.header */
+}
+
+.diff-file-box:target {
+ box-shadow: 0 0 0 3px var(--color-accent);
+}
diff --git a/web_src/css/runner.css b/web_src/css/runner.css
new file mode 100644
index 0000000000..d0ea5252e5
--- /dev/null
+++ b/web_src/css/runner.css
@@ -0,0 +1,54 @@
+.runner-container {
+ padding-bottom: 30px;
+}
+
+.runner-container .runner-ops > a {
+ margin-left: 0.5em;
+}
+
+.runner-container .runner-ops-delete {
+ color: var(--color-red-light);
+}
+
+.runner-container .runner-basic-info .gt-dib {
+ margin-right: 1em;
+}
+
+.runner-container .runner-status-online {
+ padding: 0.3em 0.5em;
+ background-color: var(--color-green);
+ color: var(--color-white);
+}
+
+.runner-container .runner-new-text {
+ color: var(--color-white);
+}
+
+.runner-container #runner-new:hover .runner-new-text {
+ color: var(--color-white) !important;
+}
+
+.runner-container .runner-new-menu {
+ width: 300px;
+}
+
+.runner-container .task-status-success {
+ background-color: var(--color-green);
+ color: var(--color-white);
+}
+
+.runner-container .task-status-failure {
+ background-color: var(--color-red-light);
+ color: var(--color-white);
+}
+
+.runner-container .task-status-running {
+ background-color: var(--color-blue);
+ color: var(--color-white);
+}
+
+.runner-container .task-status-cancelled,
+.runner-container .task-status-blocked {
+ background-color: var(--color-yellow);
+ color: var(--color-white);
+}
diff --git a/web_src/css/shared/issuelist.css b/web_src/css/shared/issuelist.css
new file mode 100644
index 0000000000..6e2cc737e7
--- /dev/null
+++ b/web_src/css/shared/issuelist.css
@@ -0,0 +1,166 @@
+.issue.list {
+ list-style: none;
+ margin-top: 1rem;
+}
+
+.issue.list a:not(.label):hover {
+ color: var(--color-primary) !important;
+}
+
+.issue.list > .item .issue-checkbox {
+ margin-top: 1px;
+}
+
+.issue.list > .item .issue-item-icon svg {
+ margin-right: 0.75rem;
+ margin-top: 1px;
+}
+
+.issue.list > .item .issue-item-icons-right > * + * {
+ margin-left: 0.5rem;
+}
+
+.issue.list > .item .issue-item-main {
+ width: 100%;
+}
+
+.issue.list > .item .action-item-main {
+ width: 80%;
+}
+
+.issue.list > .item .issue-item-right {
+ width: 15%;
+}
+
+.issue.list > .item .issue-item-top-row {
+ max-width: 100%;
+ color: var(--color-text);
+ font-size: 16px;
+ min-width: 0;
+ font-weight: 600;
+}
+
+.issue.list > .item .issue-item-top-row a.index {
+ max-width: fit-content;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 2;
+ overflow: hidden;
+ word-break: break-all;
+}
+
+.issue.list > .item .labels-list {
+ position: relative;
+ top: -1.5px;
+}
+
+.issue.list > .item .issue-item-bottom-row {
+ font-size: 13px;
+}
+
+.issue.list > .item .title {
+ color: var(--color-text);
+ word-break: break-word;
+}
+
+.issue.list > .item .issue-item-icon-right {
+ min-width: 2rem;
+}
+
+.issue.list > .item .assignee {
+ position: relative;
+ top: -2px;
+}
+
+.issue.list > .item .assignee img {
+ width: 20px;
+ height: 20px;
+ margin-right: 2px;
+}
+
+.issue.list > .item .desc {
+ color: var(--color-text-light-2);
+}
+
+.issue.list > .item .desc a {
+ color: inherit;
+}
+
+.issue.list > .item .desc .time-since,
+.issue.list > .item .desc a {
+ margin-left: 0.25rem;
+ margin-right: 0.25rem;
+}
+
+.issue.list > .item .desc .waiting,
+.issue.list > .item .desc .approvals,
+.issue.list > .item .desc .rejects {
+ padding-left: 5px;
+}
+
+.issue.list > .item .desc .checklist {
+ padding-left: 5px;
+}
+
+.issue.list > .item .desc .checklist progress {
+ margin-left: 2px;
+ width: 80px;
+ height: 6px;
+ display: inline-block;
+ border-radius: 3px;
+ vertical-align: 2px !important;
+}
+
+.issue.list > .item .desc .checklist progress::-webkit-progress-value {
+ background-color: var(--color-secondary-dark-4);
+}
+
+.issue.list > .item .desc .checklist progress::-moz-progress-bar {
+ background-color: var(--color-secondary-dark-4);
+}
+
+.issue.list > .item .desc .conflicting {
+ padding-left: 5px;
+}
+
+.issue.list > .item .desc .due-date {
+ padding-left: 5px;
+}
+
+.issue.list > .item .desc a.milestone,
+.issue.list > .item .desc a.project {
+ margin-left: 5px;
+}
+
+.issue.list > .item .desc a.ref {
+ margin-left: 8px;
+}
+
+.issue.list > .item .desc a.ref span {
+ margin-right: -4px;
+}
+
+.issue.list > .item .desc .overdue {
+ color: var(--color-red);
+}
+
+.issue.list .branches {
+ display: inline-flex;
+ padding: 0 4px;
+}
+
+.issue.list .branches .branch {
+ background-color: var(--color-secondary);
+ border-radius: 3px;
+}
+
+.issue.list .branches .truncated-name {
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-width: 10em;
+}
+
+.issue.list > .item + .item {
+ border-top: 1px solid var(--color-secondary);
+}
diff --git a/web_src/less/standalone/swagger.less b/web_src/css/standalone/swagger.css
similarity index 94%
rename from web_src/less/standalone/swagger.less
rename to web_src/css/standalone/swagger.css
index 3b902483d8..5c1902f11f 100644
--- a/web_src/less/standalone/swagger.less
+++ b/web_src/css/standalone/swagger.css
@@ -27,5 +27,5 @@ body {
.swagger-back-link svg {
color: inherit;
fill: currentcolor;
- margin-right: .5rem;
+ margin-right: 0.5rem;
}
diff --git a/web_src/less/_svg.less b/web_src/css/svg.css
similarity index 64%
rename from web_src/less/_svg.less
rename to web_src/css/svg.css
index a2ea64c438..b63445eb4e 100644
--- a/web_src/less/_svg.less
+++ b/web_src/css/svg.css
@@ -2,8 +2,8 @@
display: inline-block;
vertical-align: text-top;
fill: currentcolor;
-
- .middle & {
- vertical-align: middle;
- }
+}
+
+.middle .svg {
+ vertical-align: middle;
}
diff --git a/web_src/less/themes/theme-arc-green.less b/web_src/css/themes/theme-arc-green.css
similarity index 98%
rename from web_src/less/themes/theme-arc-green.less
rename to web_src/css/themes/theme-arc-green.css
index 17b8f9bae0..e2216085a9 100644
--- a/web_src/less/themes/theme-arc-green.less
+++ b/web_src/css/themes/theme-arc-green.css
@@ -1,6 +1,6 @@
-@import "../chroma/base.less";
-@import "../chroma/dark.less";
-@import "../codemirror/dark.less";
+@import "../chroma/base.css";
+@import "../chroma/dark.css";
+@import "../codemirror/dark.css";
:root {
--is-dark-theme: true;
diff --git a/web_src/css/themes/theme-auto.css b/web_src/css/themes/theme-auto.css
new file mode 100644
index 0000000000..e0d31e2cfb
--- /dev/null
+++ b/web_src/css/themes/theme-auto.css
@@ -0,0 +1 @@
+@import "./theme-arc-green.css" (prefers-color-scheme: dark);
diff --git a/web_src/less/_tribute.less b/web_src/css/tribute.css
similarity index 80%
rename from web_src/less/_tribute.less
rename to web_src/css/tribute.css
index 9adf155ffa..b7b0a25509 100644
--- a/web_src/less/_tribute.less
+++ b/web_src/css/tribute.css
@@ -1,8 +1,8 @@
@import "tributejs/dist/tribute.css";
.tribute-container {
- box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25);
- border-radius: .25rem;
+ box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.25);
+ border-radius: 0.25rem;
}
.tribute-container ul {
@@ -11,12 +11,12 @@
}
.tribute-container li {
- padding: 3px .5rem !important;
+ padding: 3px 0.5rem !important;
}
.tribute-container li span.fullname {
font-weight: normal;
- font-size: .8rem;
+ font-size: 0.8rem;
margin-left: 3px;
}
@@ -33,7 +33,7 @@
.tribute-item .emoji,
.tribute-item img[src*="/avatar/"] {
- margin-right: .5rem;
+ margin-right: 0.5rem;
}
.tribute-container img {
diff --git a/web_src/css/user.css b/web_src/css/user.css
new file mode 100644
index 0000000000..adf865496b
--- /dev/null
+++ b/web_src/css/user.css
@@ -0,0 +1,173 @@
+.user.profile .ui.card .header {
+ display: block;
+ font-weight: 600;
+ font-size: 1.3rem;
+ margin-top: -0.2rem;
+ line-height: 1.3rem;
+}
+
+.user.profile .ui.card .profile-avatar-name {
+ border-top: none;
+ text-align: center;
+}
+
+.user.profile .ui.card .extra.content {
+ padding: 0;
+}
+
+.user.profile .ui.card .extra.content ul {
+ margin: 0;
+ padding: 0;
+}
+
+.user.profile .ui.card .extra.content ul li {
+ padding: 10px;
+ list-style: none;
+}
+
+.user.profile .ui.card .extra.content ul li:not(:last-child) {
+ border-bottom: 1px solid var(--color-secondary);
+}
+
+.user.profile .ui.card .extra.content ul li .svg {
+ margin-left: 1px;
+ margin-right: 5px;
+}
+
+.user.profile .ui.card .extra.content ul li.follow .ui.button {
+ width: 100%;
+}
+
+.user.profile .ui.card #profile-avatar {
+ background: none;
+ padding: 1rem 1rem 0.25rem;
+ justify-content: center;
+}
+
+.user.profile .ui.card #profile-avatar img {
+ width: 100%;
+ height: auto;
+ object-fit: contain;
+ margin: 0;
+}
+
+@media (max-width: 767px) {
+ .user.profile .ui.card #profile-avatar img {
+ width: 30vw;
+ }
+}
+
+@media (max-width: 767px) {
+ .user.profile .ui.card {
+ width: 100%;
+ }
+}
+
+.user.profile .ui.repository.list {
+ margin-top: 25px;
+}
+
+.user.profile #loading-heatmap {
+ margin-bottom: 1em;
+}
+
+.user.profile .ui.secondary.stackable.pointing.menu {
+ flex-wrap: wrap;
+}
+
+.user.followers .header.name {
+ font-size: 20px;
+ line-height: 24px;
+ vertical-align: middle;
+}
+
+.user.followers .follow .ui.button {
+ padding: 8px 15px;
+}
+
+.user.notification .svg {
+ float: left;
+ font-size: 2em;
+}
+
+.user.notification .svg.green {
+ color: var(--color-green);
+}
+
+.user.notification .svg.red {
+ color: var(--color-red);
+}
+
+.user.notification .svg.purple {
+ color: var(--color-purple);
+}
+
+.user.notification .svg.blue {
+ color: var(--color-blue);
+}
+
+.user.notification .content {
+ float: left;
+ margin-left: 7px;
+}
+
+.user.notification table form {
+ display: inline-block;
+}
+
+.user.notification table button {
+ padding: 3px 3px 3px 5px;
+}
+
+.user.notification table tr {
+ cursor: pointer;
+}
+
+.user .button.adopt,
+.user .button.delete {
+ margin-top: -15px;
+ margin-bottom: -15px;
+}
+
+.user .button.adopt .label,
+.user .button.delete .label {
+ vertical-align: middle;
+}
+
+.user.link-account:not(.icon) {
+ padding-top: 15px;
+ padding-bottom: 5px;
+}
+
+.user.settings .iconFloat {
+ float: left;
+}
+
+.user-orgs {
+ display: flex;
+ flex-flow: row wrap;
+ padding: 0;
+ margin: -3px !important;
+}
+
+.user-orgs li {
+ display: flex;
+ border-bottom: 0 !important;
+ padding: 3px !important;
+ width: 20%;
+ max-width: 60px;
+}
+
+.user-badges {
+ display: grid;
+ grid-template-columns: repeat(auto-fill, 64px);
+ gap: 2px;
+}
+
+.user-badges img {
+ object-fit: contain;
+}
+
+#notification_div .tab.segment {
+ overflow-x: auto;
+}
diff --git a/web_src/js/components/RepoActionView.vue b/web_src/js/components/RepoActionView.vue
index 6ccfdc649e..371e549e4e 100644
--- a/web_src/js/components/RepoActionView.vue
+++ b/web_src/js/components/RepoActionView.vue
@@ -282,39 +282,59 @@ export function initRepositoryActionView() {
</script>
-<style scoped lang="less">
-
+<style scoped>
.action-view-body {
display: flex;
- height: calc(100vh - 266px); // fine tune this value to make the main view has full height
+ height: calc(100vh - 266px); /* fine tune this value to make the main view has full height */
}
-// ================
-// action view header
+/* ================ */
+/* action view header */
.action-view-header {
margin: 0 20px 20px 20px;
- .run_cancel {
- border: none;
- color: var(--color-red);
- background-color: transparent;
- outline: none;
- cursor: pointer;
- transition:transform 0.2s;
- };
- .run_cancel:hover{
- transform:scale(130%);
- };
+}
+
+.action-view-header .run_cancel {
+ border: none;
+ color: var(--color-red);
+ background-color: transparent;
+ outline: none;
+ cursor: pointer;
+ transition: transform 0.2s;
+}
+
+.action-view-header .run_cancel:hover {
+ transform:scale(130%);
+}
+
+.action-view-header .run_approve {
+ border: none;
+ color: var(--color-green);
+ background-color: transparent;
+ outline: none;
+ cursor: pointer;
+ transition: transform 0.2s;
+}
+
+.action-view-header .run_cancel:hover,
+.action-view-header .run_approve:hover {
+ transform: scale(130%);
}
.action-info-summary {
font-size: 150%;
height: 20px;
padding: 0 10px;
+ display: flex;
}
-// ================
-// action view left
+.action-info-summary .action-title {
+ padding: 0 5px;
+}
+
+/* ================ */
+/* action view left */
.action-view-left {
width: 30%;
@@ -323,51 +343,52 @@ export function initRepositoryActionView() {
margin-left: 10px;
}
-.job-group-section {
- .job-group-summary {
- margin: 5px 0;
- padding: 10px;
- }
-
- .job-brief-list {
- .job-brief-item {
- margin: 5px 0;
- padding: 10px;
- background: var(--color-info-bg);
- border-radius: 5px;
- text-decoration: none;
- display: flex;
- justify-items: center;
- flex-wrap: nowrap;
- .job-brief-rerun {
- float: right;
- border: none;
- background-color: transparent;
- outline: none;
- cursor: pointer;
- transition:transform 0.2s;
- };
- .job-brief-rerun:hover{
- transform:scale(130%);
- };
- .job-brief-link {
- flex-grow: 1;
- display: flex;
- span {
- margin-right: 8px;
- display: flex;
- align-items: center;
- }
- }
- }
- .job-brief-item:hover {
- background-color: var(--color-secondary);
- }
- }
+.job-group-section .job-group-summary {
+ margin: 5px 0;
+ padding: 10px;
}
-// ================
-// action view right
+.job-group-section .job-brief-list .job-brief-item {
+ margin: 5px 0;
+ padding: 10px;
+ background: var(--color-info-bg);
+ border-radius: 5px;
+ text-decoration: none;
+ display: flex;
+ justify-items: center;
+ flex-wrap: nowrap;
+}
+
+.job-group-section .job-brief-list .job-brief-item .job-brief-rerun {
+ float: right;
+ border: none;
+ background-color: transparent;
+ outline: none;
+ cursor: pointer;
+ transition: transform 0.2s;
+}
+
+.job-group-section .job-brief-list .job-brief-item .job-brief-rerun:hover {
+ transform: scale(130%);
+}
+
+.job-group-section .job-brief-list .job-brief-item .job-brief-link {
+ flex-grow: 1;
+ display: flex;
+}
+
+.job-group-section .job-brief-list .job-brief-item .job-brief-link span {
+ margin-right: 8px;
+ display: flex;
+ align-items: center;
+}
+
+.job-group-section .job-brief-list .job-brief-item:hover {
+ background-color: var(--color-secondary);
+}
+
+/* ================ */
+/* action view right */
.action-view-right {
flex: 1;
@@ -375,50 +396,50 @@ export function initRepositoryActionView() {
color: var(--color-console-fg);
max-height: 100%;
margin-right: 10px;
-
display: flex;
flex-direction: column;
}
-.job-info-header {
- .job-info-header-title {
- font-size: 150%;
- padding: 10px;
- }
- .job-info-header-detail {
- padding: 0 10px 10px;
- border-bottom: 1px solid var(--color-grey);
- }
+.job-info-header .job-info-header-title {
+ font-size: 150%;
+ padding: 10px;
+}
+
+.job-info-header .job-info-header-detail {
+ padding: 0 10px 10px;
+ border-bottom: 1px solid var(--color-grey);
}
.job-step-container {
max-height: 100%;
overflow: auto;
+}
- .job-step-summary {
- cursor: pointer;
- padding: 5px 10px;
- display: flex;
+.job-step-container .job-step-summary {
+ cursor: pointer;
+ padding: 5px 10px;
+ display: flex;
+}
- .step-summary-msg {
- flex: 1;
- }
- .step-summary-dur {
- margin-left: 16px;
- }
- }
- .job-step-summary:hover {
- background-color: var(--color-black-light);
- }
+.job-step-container .job-step-summary .step-summary-msg {
+ flex: 1;
+}
+
+.job-step-container .job-step-summary .step-summary-dur {
+ margin-left: 16px;
+}
+
+.job-step-container .job-step-summary:hover {
+ background-color: var(--color-black-light);
}
</style>
-<style lang="less">
-// some elements are not managed by vue, so we need to use global style
-
+<style>
+/* some elements are not managed by vue, so we need to use global style */
.job-status-rotate {
animation: job-status-rotate-keyframes 1s linear infinite;
}
+
@keyframes job-status-rotate-keyframes {
100% {
transform: rotate(360deg);
@@ -427,37 +448,44 @@ export function initRepositoryActionView() {
.job-step-section {
margin: 10px;
- .job-step-logs {
- font-family: monospace, monospace;
- .job-log-line {
- display: flex;
- .line-num {
- width: 48px;
- color: var(--color-grey-light);
- text-align: right;
- }
- .log-time {
- color: var(--color-grey-light);
- margin-left: 10px;
- white-space: nowrap;
- }
- .log-msg {
- flex: 1;
- word-break: break-all;
- white-space: break-spaces;
- margin-left: 10px;
- }
- }
+}
- // TODO: group support
- .job-log-group {
- }
+.job-step-section .job-step-logs {
+ font-family: monospace, monospace;
+}
- .job-log-group-summary {
- }
+.job-step-section .job-step-logs .job-log-line {
+ display: flex;
+}
+
+.job-step-section .job-step-logs .job-log-line .line-num {
+ width: 48px;
+ color: var(--color-grey-light);
+ text-align: right;
+}
+
+.job-step-section .job-step-logs .job-log-line .log-time {
+ color: var(--color-grey-light);
+ margin-left: 10px;
+ white-space: nowrap;
+}
+
+.job-step-section .job-step-logs .job-log-line .log-msg {
+ flex: 1;
+ word-break: break-all;
+ white-space: break-spaces;
+ margin-left: 10px;
+}
+
+/* TODO: group support */
+
+.job-log-group {
+
+}
+.job-log-group-summary {
+
+}
+.job-log-list {
- .job-log-list {
- }
- }
}
</style>
diff --git a/web_src/less/_admin.less b/web_src/less/_admin.less
deleted file mode 100644
index 26417d42ee..0000000000
--- a/web_src/less/_admin.less
+++ /dev/null
@@ -1,115 +0,0 @@
-.admin {
- &.hooks .list {
- > .item {
- &:not(:first-child) {
- border-top: 1px solid var(--color-secondary);
- padding: .25rem 1rem;
- margin: 12px -1rem -1rem;
- }
- }
- }
-
- .table.segment {
- padding: 0;
- font-size: 13px;
- overflow-x: auto;
-
- &:not(.striped) {
- thead {
- th:last-child {
- padding-right: 5px !important;
- }
- }
- }
-
- th {
- padding-top: 5px;
- padding-bottom: 5px;
- }
-
- &:not(.select) {
- th,
- td {
- &:first-of-type {
- padding-left: 15px !important;
- }
- }
- }
-
- form tbody button[type='submit'] {
- padding: 5px 8px;
- }
-
- }
-
- .settings .button.adopt,
- .settings .button.delete {
- margin-top: -15px;
- margin-bottom: -15px;
- .label {
- vertical-align: middle;
- }
- }
-
- &.user {
- .email {
- max-width: 200px;
- }
- }
-
- dl.admin-dl-horizontal {
- padding: 20px;
- margin: 0;
-
- dd {
- margin-left: 275px;
- @media @mediaSm {
- margin-left: 5%;
- }
- }
-
- dt {
- font-weight: 600;
- float: left;
- width: 285px;
- clear: left;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-
- @media @mediaSm {
- width: auto;
- margin-right: .5em;
- }
- }
- }
-
- &.config {
- #test-mail-btn {
- margin-left: 5px;
- }
- }
-
- code,
- pre {
- white-space: pre-wrap;
- word-wrap: break-word;
- }
-
- #notice-table {
- .notice-description {
- @media @mediaSm {
- max-width: 80vw;
- }
- @media @mediaMd {
- max-width: 360px;
- }
- @media @mediaLg {
- max-width: 510px;
- }
- @media @mediaXl {
- max-width: 640px;
- }
- }
- }
-}
diff --git a/web_src/less/_dashboard.less b/web_src/less/_dashboard.less
deleted file mode 100644
index 4af55f2d2d..0000000000
--- a/web_src/less/_dashboard.less
+++ /dev/null
@@ -1,198 +0,0 @@
-.dashboard {
- &.feeds,
- &.issues {
- .context.user.menu {
- z-index: 101;
- min-width: 200px;
-
- .ui.header {
- font-size: 1rem;
- text-transform: none;
- }
- }
-
- .filter.menu {
- width: initial;
-
- .item {
- text-align: left;
- display: flex;
- align-items: center;
- justify-content: space-between;
-
- .text {
- height: 16px;
- vertical-align: middle;
-
- &.truncate {
- width: 75%;
- }
- }
-
- .floating.label {
- top: 7px;
- left: 90%;
- width: 15%;
-
- @media @mediaSm {
- top: 10px;
- left: auto;
- width: auto;
- right: 13px;
- }
- }
- }
-
- // Sort
- .jump.item {
- margin: 1px;
- padding-right: 0;
- }
-
- .menu {
- max-height: 300px;
- overflow-x: auto;
- right: 0 !important;
- left: auto !important;
- }
-
- @media @mediaSm {
- width: 100%;
- }
- }
-
- .right.stackable.menu > .item.active {
- color: var(--color-red);
- }
- }
-
- .dashboard-repos,
- .dashboard-orgs {
- margin: 0 1px; /* Accommodate for Semantic's 1px hacks on .attached elements */
- }
-
- .dashboard-navbar {
- width: 100vw;
- padding-left: .5rem;
- padding-right: .5rem;
- .org-visibility .label {
- margin-left: 5px;
- }
-
- .ui.dropdown {
- max-width: 100%;
-
- @media @mediaSm {
- > .menu {
- position: static;
- }
- }
- }
- }
-}
-
-&.feeds {
- .news {
- li {
- display: flex;
- align-items: baseline;
- margin-top: .5rem;
- margin-bottom: .5rem;
-
- img {
- align-self: flex-start;
- }
- }
- li > * + * {
- margin-left: .35rem;
- }
-
- > .ui.grid {
- margin-left: auto;
- margin-right: auto;
- }
-
- .left .ui.avatar {
- margin-top: 13px;
- }
-
- .time-since {
- font-size: 13px;
- }
-
- .issue.title {
- width: 80%;
- margin: 0 0 1em;
- }
-
- .push.news .content ul {
- line-height: 18px;
- font-size: 13px;
- list-style: none;
- padding-left: 10px;
-
- .text.truncate {
- width: 80%;
- }
- }
-
- .commit-id {
- font-family: var(--fonts-monospace);
- }
-
- code {
- padding: 2px 4px;
- border-radius: 3px;
- background-color: var(--color-markup-code-block);
- word-break: break-all;
- }
-
- &:last-of-type .divider {
- display: none !important;
- }
- }
-
- .list {
- ul {
- list-style: none;
- margin: 0;
- padding-left: 0;
-
- li {
- &:not(:last-child) {
- border-bottom: 1px solid var(--color-secondary);
- }
-
- &.private {
- background-color: var(--color-box-body-highlight);
- }
-
- .repo-list-link {
- padding: 6px 1em;
- display: block;
-
- .svg {
- color: var(--color-text-light-2);
- }
-
- .star-num {
- font-size: 12px;
- }
- }
- }
- }
-
- #privateFilterCheckbox .svg {
- color: var(--color-grey);
- margin-right: .25rem;
- }
-
- .repo-owner-name-list .item-name {
- min-width: 0;
- }
-
- .repo-owner-name-list .item-name svg {
- min-width: 16px;
- }
- }
-}
diff --git a/web_src/less/_explore.less b/web_src/less/_explore.less
deleted file mode 100644
index 5caf21d417..0000000000
--- a/web_src/less/_explore.less
+++ /dev/null
@@ -1,93 +0,0 @@
-.explore {
- .navbar {
- justify-content: center;
- margin-bottom: 15px !important;
- background-color: var(--color-navbar) !important;
- border-width: 1px !important;
-
- .svg {
- width: 16px;
- text-align: center;
- margin-right: 5px;
- }
- }
-}
-
-.ui.repository.list {
- .item {
- padding-bottom: 1.5rem;
-
- &:not(:first-child) {
- border-top: 1px solid var(--color-secondary);
- padding-top: 1.5rem;
- }
-
- .ui.header {
- font-size: 1.5rem;
- margin-bottom: .5rem;
-
- .name {
- word-break: break-all;
- }
-
- .metas {
- font-size: 14px;
- }
- }
-
- .time {
- font-size: 12px;
- }
-
- .ui.tags {
- margin-bottom: .5rem;
- }
- }
-}
-
-.ui.repository.branches {
- .info {
- font-size: 12px;
- color: var(--color-text-light);
- display: flex;
- white-space: pre;
- .commit-message {
- max-width: 72em;
- overflow: hidden;
- text-overflow: ellipsis;
- }
- }
- .overflow-visible {
- overflow: visible;
- }
- /* fix alignment of PR popup in branches table */
- table .ui.popup {
- text-align: left;
- }
-}
-
-.ui.user.list {
- .item {
- padding-bottom: 25px;
- display: flex;
-
- &:not(:first-child) {
- border-top: 1px solid var(--color-secondary);
- padding-top: 25px;
- }
-
- img.ui.avatar {
- width: 40px;
- height: 40px;
- margin-right: 10px;
- }
-
- .description {
- margin-top: 5px;
-
- .svg:not(:first-child) {
- margin-left: 5px;
- }
- }
- }
-}
diff --git a/web_src/less/_font_i18n.less b/web_src/less/_font_i18n.less
deleted file mode 100644
index 5dae8f2aa5..0000000000
--- a/web_src/less/_font_i18n.less
+++ /dev/null
@@ -1,130 +0,0 @@
-/* font i18n */
-:root {
- /* customizable localized variables */
- :lang(ja) {
- --fonts-override: var(--fonts-default-override-ja);
- }
- :lang(zh-CN) {
- --fonts-override: var(--fonts-default-override-zh-cn);
- }
- :lang(zh-TW) {
- --fonts-override: var(--fonts-default-override-zh-tw);
- }
- :lang(zh-HK) {
- --fonts-override: var(--fonts-default-override-zh-hk);
- }
- :lang(ko) {
- --fonts-override: var(--fonts-default-override-ko);
- }
-}
-
-[lang] {
- font-family: var(--fonts-regular);
-}
-
-each(@fonts, {
- @weights: .gen-weights-all(@value);
- @locale: replace(@key, "@", "-");
- .font-face-cjk(~"system-ui@{locale}", @weights[@light], 300);
- .font-face-cjk(~"system-ui@{locale}", @weights[@regular], 400);
- .font-face-cjk(~"system-ui@{locale}", @weights[@medium], 500);
- .font-face-cjk(~"system-ui@{locale}", @weights[@bold], 700);
- /* Safari on macOS/iOS */
- @font-face {
- font-family: ~"system-ui@{locale}";
- src: local("HelveticaNeue");
- unicode-range: U+A0;
- }
- /* Other browsers on macOS/iOS */
- @supports not (-webkit-hyphens:none) {
- @font-face {
- font-family: ~"system-ui@{locale}";
- src: local("HelveticaNeue");
- unicode-range: U+20;
- }
- }
- :root {
- /* Special handling for Firefox on Windows/Linux */
- @supports (-moz-appearance:none) {
- --fonts-default-override@{locale}: ~"var(--fonts-proportional), system-ui@{locale}";
- }
- --fonts-default-override@{locale}: ~"system-ui@{locale}, var(--fonts-proportional)";
- }
-});
-
-@fonts: {
- @ja:
- "HiraKakuProN-:{W3,W6}", "Hiragino Kaku Gothic ProN :{W3,W6}", "HiraginoSans-:{W2,W4,W5,W6}",
- .shs("JP")[], .shs("J")[], .noto("JP")[], .shs("")[],
- /* https://acetaminophen.hatenablog.com/entry/2016/02/15/225009 */
- "Yu Gothic :{Regular,Medium,Bold}", "YuGothic :{Regular,Medium,Bold}",
- "Droid Sans Japanese:{}", "Meiryo:{, Bold}", "MS PGothic:{}";
- @zh-cn:
- .pingfang("SC")[],
- .shs("CN")[], .shs("SC")[], .noto("SC")[],
- "HiraginoSansGB-:{W3,W6}", "Hiragino Sans GB :{W3,W6}",
- "Microsoft YaHei:{ Light,, Bold}", "Heiti SC :{Light,Medium}", "SimHei:{}";
- @zh-tw:
- .pingfang("TC")[],
- .shs("TW")[], .shs("TC")[], .noto("TC")[],
- "HiraginoSansTC-:{W3,W6}", "Hiragino Sans TC :{W3,W6}",
- "Microsoft JhengHei:{ Light,, Bold}", "Heiti TC :{Light,Medium}", "PMingLiU:{}";
- @zh-hk:
- .pingfang("HK")[],
- .shs("HK")[], .shs("HC")[], .noto("HK")[], .shs("TC")[], .noto("TC")[],
- "HiraginoSansTC-:{W3,W6}", "Hiragino Sans TC :{W3,W6}",
- "Microsoft JhengHei:{ Light,, Bold}", "Heiti TC :{Light,Medium}", "PMingLiU_HKSCS:{}", "PMingLiU:{}";
- @ko:
- "AppleSDGothicNeo-:{Light,Regular,Medium,SemiBold}",
- .shs("KR")[], .shs("K")[], .noto("KR")[],
- "NanumBarunGothic:{ Light,, Bold}",
- "Malgun Gothic:{ Semilight,, Bold}", "Nanum Gothic:{, Bold}", "Dotum:{}";
-}
-
-.noto(@suffix) { @value: "Noto Sans CJK @{suffix} ", "NotoSansCJK@{suffix}-"; }
-.shs(@suffix) { @value: replace("Source Han Sans @{suffix} ", " ", " "), "SourceHanSans@{suffix}-"; }
-.pingfang(@suffix) { @value: "PingFang@{suffix}-:{Light,Regular,Medium,Semibold}"; }
-.font-face-cjk(@family, @src, @weight) {
- @font-face {
- font-family: @family;
- src: @src;
- font-weight: @weight;
- unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF, U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
- }
-}
-
-.gen-weights(@family) when (isstring(@family)) {
- @family-str: replace(@family, ":\{.*\}$", "");
- // apply standard style names if none is given
- // should the font have no styles, use :{}, as in "SimHei:{}"
- @weights-str: if(@family = @family-str, "Light,Regular,Medium,Bold", replace(@family, ".*:\{(.*)\}$", "$1"));
- @lightest: replace(@weights-str, ",.*", "");
- @boldest: replace(@weights-str, ".*,", "");
- @2ndboldest: replace(@weights-str, "(?:.*,|)([^,]*),.*$", "$1");
- @2ndlightest: if(@2ndboldest = @lightest, @lightest, replace(@weights-str, "^.*?,([^,]*).*", "$1"));
-
- @light: local("@{family-str}@{lightest}");
- @regular: local("@{family-str}@{2ndlightest}");
- @medium: local("@{family-str}@{2ndboldest}");
- @bold: local("@{family-str}@{boldest}");
-}
-.gen-weights(@family) when not (isstring(@family)) {
- .gen-weights-all(@family);
-}
-.gen-weights(@family, @last) {
- @this: .gen-weights(@family);
-
- @light: @last[@light], @this[@light];
- @regular: @last[@regular], @this[@regular];
- @medium: @last[@medium], @this[@medium];
- @bold: @last[@bold], @this[@bold];
-}
-.gen-weights-all(@family) when not (isstring(@family)) {
- .gen-weights-all(@family, length(@family));
-}
-.gen-weights-all(@family, 1) when not (isstring(@family)) {
- .gen-weights(extract(@family, 1));
-}
-.gen-weights-all(@family, @ctr) when not (isstring(@family)) and (@ctr > 1) and (@ctr <= length(@family)) {
- .gen-weights(extract(@family, @ctr), .gen-weights-all(@family, @ctr - 1));
-}
diff --git a/web_src/less/_form.less b/web_src/less/_form.less
deleted file mode 100644
index 1a1c1678f8..0000000000
--- a/web_src/less/_form.less
+++ /dev/null
@@ -1,378 +0,0 @@
-input,
-textarea,
-.ui.input > input,
-.ui.form input:not([type]),
-.ui.form select,
-.ui.form textarea,
-.ui.form input[type="date"],
-.ui.form input[type="datetime-local"],
-.ui.form input[type="email"],
-.ui.form input[type="file"],
-.ui.form input[type="number"],
-.ui.form input[type="password"],
-.ui.form input[type="search"],
-.ui.form input[type="tel"],
-.ui.form input[type="text"],
-.ui.form input[type="time"],
-.ui.form input[type="url"],
-.ui.selection.dropdown,
-.ui.checkbox label::before,
-.ui.checkbox input:checked ~ label::before,
-.ui.checkbox input:not([type="radio"]):indeterminate ~ label::before {
- background: var(--color-input-background);
- border-color: var(--color-input-border);
- color: var(--color-input-text);
-}
-
-input:hover,
-textarea:hover,
-.ui.input input:hover,
-.ui.form input:not([type]):hover,
-.ui.form select:hover,
-.ui.form textarea:hover,
-.ui.form input[type="date"]:hover,
-.ui.form input[type="datetime-local"]:hover,
-.ui.form input[type="email"]:hover,
-.ui.form input[type="file"]:hover,
-.ui.form input[type="number"]:hover,
-.ui.form input[type="password"]:hover,
-.ui.form input[type="search"]:hover,
-.ui.form input[type="tel"]:hover,
-.ui.form input[type="text"]:hover,
-.ui.form input[type="time"]:hover,
-.ui.form input[type="url"]:hover,
-.ui.selection.dropdown:hover,
-.ui.checkbox label:hover::before,
-.ui.checkbox label:active::before,
-.ui.radio.checkbox label::after,
-.ui.radio.checkbox input:focus ~ label::before,
-.ui.radio.checkbox input:checked ~ label::before {
- background: var(--color-input-background);
- border-color: var(--color-input-border-hover);
- color: var(--color-input-text);
-}
-
-input:focus,
-textarea:focus,
-.ui.input input:focus,
-.ui.form input:not([type]):focus,
-.ui.form select:focus,
-.ui.form textarea:focus,
-.ui.form input[type="date"]:focus,
-.ui.form input[type="datetime-local"]:focus,
-.ui.form input[type="email"]:focus,
-.ui.form input[type="file"]:focus,
-.ui.form input[type="number"]:focus,
-.ui.form input[type="password"]:focus,
-.ui.form input[type="search"]:focus,
-.ui.form input[type="tel"]:focus,
-.ui.form input[type="text"]:focus,
-.ui.form input[type="time"]:focus,
-.ui.form input[type="url"]:focus,
-.ui.selection.dropdown:focus,
-.ui.checkbox input:focus ~ label::before,
-.ui.checkbox input:not([type="radio"]):indeterminate:focus ~ label::before,
-.ui.checkbox input:checked:focus ~ label::before,
-.ui.radio.checkbox input:focus:checked ~ label::before {
- background: var(--color-input-background);
- border-color: var(--color-primary);
- color: var(--color-input-text);
-}
-
-.ui.form .field > label,
-.ui.form .inline.fields > label,
-.ui.form .inline.fields .field > label,
-.ui.form .inline.fields .field > p,
-.ui.form .inline.field > label,
-.ui.form .inline.field > p,
-.ui.checkbox label,
-.ui.checkbox + label,
-.ui.checkbox label:hover,
-.ui.checkbox + label:hover,
-.ui.checkbox input:focus ~ label,
-.ui.checkbox input:active ~ label {
- color: var(--color-text);
-}
-
-.ui.input,
-.ui.checkbox input:focus ~ label::after,
-.ui.checkbox input:checked ~ label::after,
-.ui.checkbox label:active::after,
-.ui.checkbox input:not([type="radio"]):indeterminate ~ label::after,
-.ui.checkbox input:not([type="radio"]):indeterminate:focus ~ label::after,
-.ui.checkbox input:checked:focus ~ label::after,
-.ui.disabled.checkbox label,
-.ui.checkbox input[disabled] ~ label {
- color: var(--color-input-text);
-}
-
-.ui.radio.checkbox input:focus ~ label::after,
-.ui.radio.checkbox input:checked ~ label::after,
-.ui.radio.checkbox input:focus:checked ~ label::after {
- background: var(--color-input-text);
-}
-
-.ui.toggle.checkbox label::before {
- background: var(--color-input-toggle-background);
-}
-
-.ui.toggle.checkbox label,
-.ui.toggle.checkbox input:checked ~ label,
-.ui.toggle.checkbox input:focus:checked ~ label {
- color: var(--color-text) !important;
-}
-
-.ui.toggle.checkbox input:checked ~ label::before,
-.ui.toggle.checkbox input:focus:checked ~ label::before {
- background: var(--color-primary) !important;
-}
-
-/* match <select> padding to <input> */
-.ui.form select {
- padding: .67857143em 1em;
-}
-
-.form {
- .help {
- color: var(--color-secondary-dark-5);
- padding-bottom: .6em;
- display: inline-block;
- }
-}
-
-@create-page-form-input-padding: 250px !important;
-#create-page-form {
- form {
- margin: auto;
-
- .ui.message {
- text-align: center;
- }
-
- @media @mediaMdAndUp {
- width: 800px !important;
-
- .header {
- padding-left: @create-page-form-input-padding+30px;
- }
-
- .inline.field > label,
- .inline.field.captcha-field > span {
- text-align: right;
- width: @create-page-form-input-padding;
- word-wrap: break-word;
- }
-
- .help {
- margin-left: @create-page-form-input-padding+15px;
- }
-
- .optional .title {
- margin-left: @create-page-form-input-padding;
- }
-
- .inline.field > input,
- .inline.field > textarea {
- width: 50%;
- }
- }
-
- @media @mediaSm {
- .optional .title {
- margin-left: 15px;
- }
-
- .inline.field > label {
- display: block;
- }
- }
- }
-}
-
-.signin {
- .oauth2 {
- div {
- display: inline-block;
-
- p {
- margin: 10px 5px 0 0;
- float: left;
- }
- }
-
- a {
- margin-right: 3px;
-
- &:last-child {
- margin-right: 0;
- }
- }
-
- img {
- width: 32px;
- height: 32px;
-
- &.openidConnect {
- width: auto;
- }
- }
- }
-}
-
-@media @mediaMdAndUp {
- .g-recaptcha-style,
- .h-captcha-style {
- margin: 0 auto !important;
- width: 304px;
- padding-left: 30px;
-
- iframe {
- border-radius: 5px !important;
- width: 302px !important;
- height: 76px !important;
- }
- }
-}
-
-@media (max-height: 575px) {
- #rc-imageselect,
- .g-recaptcha-style,
- .h-captcha-style {
- transform: scale(.77);
- transform-origin: 0 0;
- }
-}
-
-.user.activate,
-.user.forgot.password,
-.user.reset.password,
-.user.link-account,
-.user.signin,
-.user.signup {
- @input-padding: 200px;
- #create-page-form();
-
- form {
- width: 700px !important;
-
- .header {
- padding-left: 0 !important;
- text-align: center;
- }
-
- .inline.field > label {
- width: @input-padding;
- }
-
- .inline.field > label,
- input {
- @media @mediaSm {
- width: 100% !important;
- }
- }
-
- input[type="number"] {
- -moz-appearance: textfield;
- }
-
- input::-webkit-outer-spin-button,
- input::-webkit-inner-spin-button {
- -webkit-appearance: none;
- margin: 0;
- }
- }
-}
-
-.user.signin.webauthn-prompt {
- margin-top: 15px;
-}
-
-.repository {
- &.new.repo,
- &.new.migrate,
- &.new.fork {
- #create-page-form();
-
- form {
- .dropdown .text {
- margin-right: 0 !important;
- }
-
- .header {
- padding-left: 0 !important;
- text-align: center;
- }
-
- .selection.dropdown {
- vertical-align: middle;
- width: 50% !important;
- }
-
- @media @mediaSm {
- label,
- input,
- .selection.dropdown {
- width: 100% !important;
- }
-
- .field button,
- .field a {
- margin-bottom: 1em;
- width: 100%;
- }
- }
- }
- }
-
- &.new.repo {
- .ui.form {
- @media @mediaMdAndUp {
- #auto-init {
- margin-left: @create-page-form-input-padding+15px;
- }
- }
-
- .selection.dropdown:not(.owner) {
- width: 50% !important;
-
- @media @mediaSm {
- width: 100% !important;
- }
- }
- }
- }
-}
-
-.new.webhook {
- form {
- .help {
- margin-left: 25px;
- }
- }
-
- .events.fields {
- .column {
- padding-left: 40px;
- }
- }
-}
-
-.githook {
- textarea {
- font-family: var(--fonts-monospace);
- }
-}
-
-.new.org .ui.form {
- @media @mediaSm {
- .field button,
- .field a {
- margin-bottom: 1em;
- width: 100%;
- }
-
- .field input {
- width: 100% !important;
- }
- }
-}
diff --git a/web_src/less/_home.less b/web_src/less/_home.less
deleted file mode 100644
index fb31bedfa9..0000000000
--- a/web_src/less/_home.less
+++ /dev/null
@@ -1,61 +0,0 @@
-.home {
- .logo {
- max-width: 220px;
- }
-
- .hero {
- @media @mediaSm {
- h1 {
- font-size: 3.5em;
- }
-
- h2 {
- font-size: 2em;
- }
- }
-
- @media @mediaMdAndUp {
- h1 {
- font-size: 5.5em;
- }
-
- h2 {
- font-size: 3em;
- }
- }
-
- .svg {
- color: var(--color-green);
- height: 40px;
- width: 50px;
- vertical-align: bottom;
- }
-
- &.header {
- font-size: 20px;
- }
- }
-
- p.large {
- font-size: 16px;
- }
-
- .stackable {
- padding-top: 30px;
- }
-
- a {
- color: var(--color-green);
- }
-}
-
-footer {
- .ui.container .left,
- .ui.container .right {
- @media (max-width: 880px) {
- display: block;
- text-align: center;
- float: none;
- }
- }
-}
diff --git a/web_src/less/_install.less b/web_src/less/_install.less
deleted file mode 100644
index 026a76fbba..0000000000
--- a/web_src/less/_install.less
+++ /dev/null
@@ -1,72 +0,0 @@
-.page-content.install {
- padding-top: 45px;
-
- form.ui.form {
- @input-padding: 30%;
-
- .inline.field > label {
- text-align: right;
- width: @input-padding;
- padding-right: 10px;
- margin-right: 0;
- }
-
- .inline.field > .ui.checkbox:first-child {
- margin-left: @input-padding;
- padding-left: 5px;
- label {
- width: auto;
- }
- }
-
- .title {
- margin-left: @input-padding;
- padding-left: 5px;
- }
-
- input {
- width: 60%;
- }
-
- details.optional.field {
- &[open] {
- border-bottom: 1px solid var(--color-secondary);
- padding-bottom: 10px;
-
- summary {
- margin-bottom: 10px;
- }
- }
-
- * {
- box-sizing: border-box;
- }
- }
-
- .field {
- text-align: left;
-
- .help {
- margin-left: @input-padding;
- padding-left: 5px;
- width: 60%;
- }
-
- }
- }
-
- .ui {
- .reinstall-message {
- width: 70%;
- margin: 20px auto;
- color: var(--color-red);
- text-align: left;
- font-weight: bold;
- }
- .reinstall-confirm {
- width: 70%;
- text-align: left;
- margin: 10px auto;
- }
- }
-}
diff --git a/web_src/less/_organization.less b/web_src/less/_organization.less
deleted file mode 100644
index ae406f021a..0000000000
--- a/web_src/less/_organization.less
+++ /dev/null
@@ -1,200 +0,0 @@
-.organization {
- .head {
- .ui.header {
- .text {
- vertical-align: middle;
- font-size: 1.6rem;
- margin-left: 15px;
- }
- .org-visibility .label {
- margin-left: 5px;
- margin-top: 5px;
- }
- .ui.right {
- margin-top: 5px;
- }
- }
- }
-
- .ui.secondary.stackable.pointing.menu {
- flex-wrap: wrap;
- margin-top: 5px;
- margin-bottom: 10px;
- }
-
- &.new.org {
- #create-page-form();
-
- form {
- .header {
- padding-left: 0 !important;
- text-align: center;
- }
- }
- }
-
- &.options {
- input {
- min-width: 300px;
- }
- }
-
- &.profile {
- .org-avatar {
- width: 100px;
- height: 100px;
- margin-right: 15px;
- }
-
- #org-info {
- overflow-wrap: anywhere;
-
- .ui.header {
- display: flex;
- align-items: center;
- font-size: 36px;
- margin-bottom: 0;
- .org-visibility .label {
- margin-left: 5px;
- margin-top: 2px;
- }
- }
-
- .desc {
- font-size: 16px;
- margin-bottom: 10px;
- }
-
- .meta {
- .item {
- display: inline-block;
- margin-right: 10px;
-
- .icon {
- margin-right: 5px;
- }
- }
- }
- }
-
- .ui.top.header {
- .ui.right {
- margin-top: 0;
- }
- }
-
- .teams {
- .item {
- padding: 10px 15px;
- }
- }
- }
-
- &.teams,
- &.profile {
- .members {
- a:hover {
- text-decoration: none;
- }
-
- .ui.avatar {
- width: 48px;
- height: 48px;
- margin-right: 5px;
- margin-bottom: 5px;
- }
- }
- }
-
- &.invite {
- #invite-box {
- margin: 50px auto auto;
- width: 500px !important;
-
- #search-user-box {
- input {
- margin-left: 0;
- width: 300px;
- }
- }
-
- .ui.button {
- margin-left: 5px;
- margin-top: -3px;
- }
- }
-
- .ui.avatar {
- width: 100%;
- height: 100%;
- }
- }
-
- &.members {
- .list {
- .item {
- margin-left: 0;
- margin-right: 0;
- border-bottom: 1px solid var(--color-secondary);
-
- .ui.avatar {
- width: 48px;
- height: auto;
- margin-right: 1rem;
- align-self: flex-start;
- }
-
- .meta {
- line-height: 24px;
- word-break: break-word;
- min-width: 2em;
- }
- }
- }
- }
-
- &.teams {
- .detail {
- .item {
- padding: 10px 15px;
-
- &:not(:last-child) {
- border-bottom: 1px solid var(--color-secondary);
- }
- }
- }
-
- .repositories,
- .members {
- .item {
- padding: 10px 20px;
- line-height: 32px;
-
- &:not(:last-child) {
- border-bottom: 1px solid var(--color-secondary);
- }
-
- .button {
- padding: 9px 10px;
- }
- }
- }
-
- #add-repo-form,
- #repo-multiple-form,
- #add-member-form {
- input {
- margin-left: 0;
- }
-
- .ui.button {
- margin-left: 5px;
- margin-top: -3px;
- }
- }
-
- #repo-top-segment {
- height: 60px;
- }
- }
-}
diff --git a/web_src/less/_package.less b/web_src/less/_package.less
deleted file mode 100644
index f4a07a1889..0000000000
--- a/web_src/less/_package.less
+++ /dev/null
@@ -1,9 +0,0 @@
-.container-labels {
- td:nth-child(1) {
- vertical-align: top;
- }
-
- td:nth-child(2) {
- overflow-wrap: anywhere;
- }
-}
diff --git a/web_src/less/_review.less b/web_src/less/_review.less
deleted file mode 100644
index bf2be1f166..0000000000
--- a/web_src/less/_review.less
+++ /dev/null
@@ -1,324 +0,0 @@
-@import "variables.less";
-
-.ui.button.add-code-comment {
- padding: 2px;
- position: absolute;
- margin-left: -22px;
- z-index: 5;
- opacity: 0;
- transition: transform .1s ease-in-out;
- transform: scale(1);
- box-shadow: none !important;
- border: none !important;
-
- &:hover {
- transform: scale(1.1);
- }
-}
-
-.lines-escape a.toggle-escape-button::before {
- visibility: visible;
- content: '⚠️';
- font-family: var(--fonts-emoji);
- color: var(--color-red);
-}
-
-.repository .diff-file-box .code-diff td.lines-escape {
- padding-left: 0 !important;
-}
-
-.diff-file-box .lines-code:hover .ui.button.add-code-comment {
- opacity: 1;
-}
-
-.repository .diff-file-box .code-diff .add-comment-left,
-.repository .diff-file-box .code-diff .add-comment-right,
-.repository .diff-file-box .code-diff .add-code-comment .add-comment-left,
-.repository .diff-file-box .code-diff .add-code-comment .add-comment-right,
-.repository .diff-file-box .code-diff .add-code-comment .lines-type-marker {
- padding-left: 0 !important;
- padding-right: 0 !important;
-}
-
-.add-comment-left.add-comment-right .ui.attached.header {
- border: 1px solid var(--color-secondary);
-
- &:not(.top) {
- margin-bottom: .5em;
- }
-}
-
-.add-comment .lines-num,
-.add-comment .lines-escape,
-.add-comment .lines-type-marker {
- display: none;
-}
-
-.show-outdated,
-.hide-outdated {
- &:extend(.unselectable);
-
- &:hover {
- text-decoration: underline;
- }
-}
-
-.comment-code-cloud {
- padding: .5rem 1rem !important;
- position: relative;
- margin: 0 auto;
- max-width: 1000px;
-
- @media @mediaSm {
- max-width: none;
- padding: .75rem !important;
-
- .code-comment-buttons {
- margin: .5rem 0 .25rem !important;
-
- .code-comment-buttons-buttons {
- width: 100%;
- }
- }
-
- .ui.buttons {
- width: 100%;
- margin: 0 !important;
-
- .button {
- flex: 1;
- }
- }
- }
-
- .comments .comment {
- padding: 0;
-
- @media @mediaSm {
- display: flex;
-
- .comment-header-right.actions .ui.basic.label {
- display: none;
- }
-
- .avatar {
- width: auto;
- float: none;
- margin: 0 .5rem 0 0;
- flex-shrink: 0;
-
- ~ .content {
- margin-left: 1em;
- }
- }
-
- img.avatar {
- margin: 0 !important;
- }
-
- .comment-content {
- margin-left: 0 !important;
- }
-
- .comment-container {
- width: 100%;
- }
-
- &.code-comment {
- padding: 0 0 .5rem !important;
- }
- }
- }
-
- .attached {
- &.tab {
- border: 0;
- padding: 0;
- margin: 0;
- }
-
- &.header {
- padding: .1rem 1rem;
-
- .text {
- margin: 0;
- }
- }
- }
-
- .right.menu.options .item {
- padding: .85714286em .442857em;
- cursor: pointer;
- }
-
- .ui.active.tab {
- padding: .5em;
-
- &.markup {
- padding: 1em;
- min-height: 168px;
- }
- }
-
- .ui.tabular.menu {
- margin: .5em;
- }
-
- .footer {
- border-top: 1px solid var(--color-secondary);
- padding: 10px 0;
-
- .markup-info {
- display: inline-block;
- margin: 5px 0;
- font-size: 12px;
- color: var(--color-text-light);
- }
-
- .ui.right.floated {
- padding-top: 6px;
- }
-
- &::after {
- clear: both;
- content: "";
- display: block;
- }
- }
-
- @media @mediaSm {
- .button {
- width: 100%;
- margin: 0 !important;
- margin-bottom: .75rem !important;
- }
- }
-}
-
-.diff-file-body .comment-form {
- margin: 0 0 0 3em;
-}
-
-.file-comment {
- color: var(--color-text);
-}
-
-a.blob-excerpt {
- color: var(--color-text-light);
- height: 28px;
- display: flex;
- justify-content: center;
- align-items: center;
- width: 100%;
- background: var(--color-expand-button);
-}
-
-a.blob-excerpt:hover {
- background: var(--color-primary);
- color: var(--color-primary-contrast);
-}
-
-// See the comment of createCommentEasyMDE() for the review editor
-// EasyMDE's options can not handle minHeight & maxHeight together correctly, we have to set minHeight in JS code
-.review-box-panel .CodeMirror-scroll {
- min-height: 80px;
- max-height: calc(100vh - 360px);
-}
-
-@media @mediaSm {
- .review-box-panel .CodeMirror-scroll {
- max-width: calc(100vw - 70px);
- }
-}
-
-@media @mediaMd {
- .review-box-panel .CodeMirror-scroll {
- max-width: 700px;
- }
-}
-
-@media @mediaLg {
- .review-box-panel .CodeMirror-scroll {
- max-width: 800px;
- }
-}
-
-@media @mediaXl {
- .review-box-panel .CodeMirror-scroll {
- max-width: 900px;
- }
-}
-
-#review-box {
- position: relative;
-}
-
-.review-box-panel {
- position: absolute;
- min-width: max-content;
- top: 45px;
- right: -5px;
- z-index: 2;
-}
-
-#review-box .review-comments-counter {
- background-color: var(--color-primary-light-4);
- color: var(--color-primary-contrast);
-}
-
-#review-box:hover .review-comments-counter {
- background-color: var(--color-primary-light-5);
-}
-
-#review-box .review-comments-counter[data-pending-comment-number="0"] {
- display: none;
-}
-
-.pull.files.diff [id] {
- scroll-margin-top: 99px;
-
- @media @mediaMdAndDown {
- scroll-margin-top: 130px;
- }
-}
-
-.changed-since-last-review {
- border: 1px var(--color-accent) solid;
- background-color: var(--color-small-accent);
- border-radius: 15px;
- padding: 4px 8px;
- margin: -8px 0; // just like other buttons in the diff box header
- font-size: .857rem; // just like .ui.tiny.button
-}
-
-.viewed-file-form {
- display: flex;
- align-items: center;
- border: 1px solid transparent;
- padding: 4px 8px;
- margin: -8px 0; // just like other buttons in the diff box header
- border-radius: .285rem; // just like .ui.tiny.button
- font-size: .857rem; // just like .ui.tiny.button
-}
-
-.viewed-file-form input {
- margin-right: 4px;
-}
-
-.viewed-file-checked-form {
- background-color: var(--color-small-accent);
- border-color: var(--color-accent);
-}
-
-#viewed-files-summary {
- width: 72px;
- height: 10px;
-}
-
-.diff-file-box {
- border-radius: .285rem; // Just like ui.top.attached.header
-}
-
-.diff-file-box:target {
- box-shadow: 0 0 0 3px var(--color-accent);
-}
diff --git a/web_src/less/_runner.less b/web_src/less/_runner.less
deleted file mode 100644
index cebe345b0c..0000000000
--- a/web_src/less/_runner.less
+++ /dev/null
@@ -1,45 +0,0 @@
-@import "variables.less";
-
-.runner-container {
- padding-bottom: 30px;
- .runner-ops > a {
- margin-left: .5em;
- }
- .runner-ops-delete {
- color: var(--color-red-light);
- }
- .runner-basic-info .gt-dib {
- margin-right: 1em;
- }
- .runner-status-online {
- .ui.label;
- background-color: var(--color-green);
- color: var(--color-white);
- }
- .runner-new-text {
- color: var(--color-white);
- }
- #runner-new:hover .runner-new-text {
- color: var(--color-white) !important;
- }
- .runner-new-menu {
- width: 300px;
- }
- .task-status-success {
- background-color: var(--color-green);
- color: var(--color-white);
- }
- .task-status-failure {
- background-color: var(--color-red-light);
- color: var(--color-white);
- }
- .task-status-running {
- background-color: var(--color-blue);
- color: var(--color-white);
- }
- .task-status-cancelled,
- .task-status-blocked {
- background-color: var(--color-yellow);
- color: var(--color-white);
- }
-}
diff --git a/web_src/less/_user.less b/web_src/less/_user.less
deleted file mode 100644
index eb9e791d86..0000000000
--- a/web_src/less/_user.less
+++ /dev/null
@@ -1,183 +0,0 @@
-@import "variables.less";
-
-.user {
- &.profile {
- .ui.card {
- .header {
- display: block;
- font-weight: 600;
- font-size: 1.3rem;
- margin-top: -.2rem;
- line-height: 1.3rem;
- }
-
- .profile-avatar-name {
- border-top: none;
- text-align: center;
- }
-
- .extra.content {
- padding: 0;
-
- ul {
- margin: 0;
- padding: 0;
-
- li {
- padding: 10px;
- list-style: none;
-
- &:not(:last-child) {
- border-bottom: 1px solid var(--color-secondary);
- }
-
- .svg {
- margin-left: 1px;
- margin-right: 5px;
- }
-
- &.follow {
- .ui.button {
- width: 100%;
- }
- }
- }
- }
- }
- #profile-avatar {
- background: none;
- padding: 1rem 1rem .25rem;
- justify-content: center;
- img {
- width: 100%;
- height: auto;
- object-fit: contain;
- margin: 0;
- @media @mediaSm {
- width: 30vw;
- }
- }
-
- }
-
- @media @mediaSm {
- width: 100%;
- }
- }
-
- .ui.repository.list {
- margin-top: 25px;
- }
-
- #loading-heatmap {
- margin-bottom: 1em;
- }
- .ui.secondary.stackable.pointing.menu {
- flex-wrap: wrap;
- }
- }
-
- &.followers {
- .header.name {
- font-size: 20px;
- line-height: 24px;
- vertical-align: middle;
- }
-
- .follow {
- .ui.button {
- padding: 8px 15px;
- }
- }
- }
-
- &.notification {
- .svg {
- float: left;
- font-size: 2em;
-
- &.green {
- color: var(--color-green);
- }
-
- &.red {
- color: var(--color-red);
- }
-
- &.purple {
- color: var(--color-purple);
- }
-
- &.blue {
- color: var(--color-blue);
- }
- }
-
- .content {
- float: left;
- margin-left: 7px;
- }
-
- table {
- form {
- display: inline-block;
- }
-
- button {
- padding: 3px 3px 3px 5px;
- }
-
- tr {
- cursor: pointer;
- }
- }
- }
-
- .button.adopt,
- .button.delete {
- margin-top: -15px;
- margin-bottom: -15px;
- .label {
- vertical-align: middle;
- }
- }
-
- &.link-account:not(.icon) {
- padding-top: 15px;
- padding-bottom: 5px;
- }
-
- &.settings {
- .iconFloat {
- float: left;
- }
- }
-}
-
-.user-orgs {
- display: flex;
- flex-flow: row wrap;
- padding: 0;
- margin: -3px !important;
-
- li {
- display: flex;
- border-bottom: 0 !important;
- padding: 3px !important;
- width: 20%;
- max-width: 60px;
- }
-}
-
-.user-badges {
- display: grid;
- grid-template-columns: repeat(auto-fill, 64px);
- gap: 2px;
-}
-
-.user-badges img {
- object-fit: contain;
-}
-#notification_div .tab.segment {
- overflow-x: auto;
-}
diff --git a/web_src/less/chroma/chroma-style-diff.go b/web_src/less/chroma/chroma-style-diff.go
deleted file mode 100644
index 4243259689..0000000000
--- a/web_src/less/chroma/chroma-style-diff.go
+++ /dev/null
@@ -1,79 +0,0 @@
-// Copyright 2023 The Gitea Authors. All rights reserved.
-// SPDX-License-Identifier: MIT
-
-//go:build ignore
-
-/*
-This tool is used to compare the CSS names in a chroma builtin styles with the Gitea theme CSS names.
-
-It outputs the difference between the two sets of CSS names, eg:
-
-```
-CSS names not in builtin:
-.chroma .ln
-----
-Builtin CSS names not in file:
-.chroma .vm
-```
-
-Developers could use this tool to re-sync the CSS names in the Gitea theme.
-*/
-
-package main
-
-import (
- "os"
- "regexp"
- "strings"
-
- "github.com/alecthomas/chroma/v2"
-)
-
-func main() {
- if len(os.Args) != 2 {
- println("Usage: chroma-style-diff css-or-less-file")
- os.Exit(1)
- }
-
- data, err := os.ReadFile(os.Args[1])
- if err != nil {
- println(err.Error())
- os.Exit(1)
- }
-
- content := string(data)
-
- // a simple CSS parser to collect CSS names
- content = regexp.MustCompile("//.*\r?\n").ReplaceAllString(content, "\n")
- content = regexp.MustCompile("/\\*.*?\\*/").ReplaceAllString(content, "")
- matches := regexp.MustCompile("\\s*([-.#:\\w\\s]+)\\s*\\{[^}]*}").FindAllStringSubmatch(content, -1)
-
- cssNames := map[string]bool{}
- for _, matchGroup := range matches {
- cssName := strings.TrimSpace(matchGroup[1])
- cssNames[cssName] = true
- }
-
- // collect Chroma builtin CSS names
- builtin := map[string]bool{}
- for tokenType, cssName := range chroma.StandardTypes {
- if tokenType > 0 && cssName != "" {
- builtin[".chroma ."+cssName] = true
- }
- }
-
- // show the diff
- println("CSS names not in builtin:")
- for cssName := range cssNames {
- if !builtin[cssName] {
- println(cssName)
- }
- }
- println("----")
- println("Builtin CSS names not in file:")
- for cssName := range builtin {
- if !cssNames[cssName] {
- println(cssName)
- }
- }
-}
diff --git a/web_src/less/codemirror/dark.less b/web_src/less/codemirror/dark.less
deleted file mode 100644
index d0e954df58..0000000000
--- a/web_src/less/codemirror/dark.less
+++ /dev/null
@@ -1,89 +0,0 @@
-.CodeMirror {
- &.cm-s-default,
- &.cm-s-paper {
- .cm-property {
- color: #a0cc75;
- }
-
- .cm-header {
- color: #9daccc;
- }
-
- .cm-quote {
- color: #009900;
- }
-
- .cm-keyword {
- color: #cc8a61;
- }
-
- .cm-atom {
- color: #ef5e77;
- }
-
- .cm-number {
- color: #ff5656;
- }
-
- .cm-def {
- color: #e4e4e4;
- }
-
- .cm-variable-2 {
- color: #00bdbf;
- }
-
- .cm-variable-3 {
- color: #008855;
- }
-
- .cm-comment {
- color: #8e9ab3;
- }
-
- .cm-string {
- color: #a77272;
- }
-
- .cm-string-2 {
- color: #ff5500;
- }
-
- .cm-meta,
- .cm-qualifier {
- color: #ffb176;
- }
-
- .cm-builtin {
- color: #b7c951;
- }
-
- .cm-bracket {
- color: #999977;
- }
-
- .cm-tag {
- color: #f1d273;
- }
-
- .cm-attribute {
- color: #bfcc70;
- }
-
- .cm-hr {
- color: #999999;
- }
-
- .cm-url {
- color: #c5cfd0;
- }
-
- .cm-link {
- color: #d8c792;
- }
-
- .cm-error {
- color: #dbdbeb;
- }
- }
-}
diff --git a/web_src/less/features/gitgraph.less b/web_src/less/features/gitgraph.less
deleted file mode 100644
index f6b1be5ba6..0000000000
--- a/web_src/less/features/gitgraph.less
+++ /dev/null
@@ -1,325 +0,0 @@
-#git-graph-container {
- overflow-x: auto;
- width: 100%;
- min-height: 350px;
-
- > .ui.segment.loading {
- border: 0;
- z-index: 1;
- min-height: 246px;
- }
-
- h2 {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- .color-buttons {
- margin-right: 0;
- }
-
- .ui.header.dividing {
- padding-bottom: 10px;
- }
-
- #flow-select-refs-dropdown {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- min-width: 250px;
- border-right: none;
-
- .ui.label {
- max-width: 180px;
- display: inline-flex !important;
- align-items: center;
-
- .truncate {
- display: inline-block;
- max-width: 140px;
- overflow: hidden;
- text-overflow: ellipsis;
- vertical-align: top;
- white-space: nowrap;
- }
- }
-
- .dropdown.icon {
- display: none;
- }
-
- .default.text {
- padding-top: 4px;
- padding-bottom: 4px;
- }
-
- input.search {
- position: relative;
- top: 1px;
- }
- }
-
- li {
- list-style-type: none;
- height: 24px;
- line-height: 24px;
- white-space: nowrap;
- display: flex;
- align-items: center;
-
- .node-relation {
- font-family: var(--fonts-monospace);
- }
-
- .author {
- color: var(--color-text-light);
- }
-
- .time {
- color: var(--color-text-light-3);
- font-size: 80%;
- }
-
- a:not(.ui):hover {
- text-decoration: underline;
- }
-
- a em {
- color: var(--color-red);
- border-bottom: 1px dotted var(--color-secondary);
- text-decoration: none;
- font-style: normal;
- }
- }
-
- #rel-container {
- max-width: 30%;
- overflow-x: auto;
- float: left;
- }
-
- #rev-container {
- width: 100%;
- }
-
- #rev-list {
- margin: 0;
- padding: 0;
- width: 100%;
-
- li.highlight.hover {
- background-color: var(--color-secondary-alpha-30);
- }
-
- .tags a.button {
- padding: 2px 4px;
- }
-
- .sha.label {
- padding-top: 5px;
- padding-bottom: 3px;
- }
-
- .sha.label .shortsha {
- padding-top: 0;
- }
-
- .sha.label .shortsha-pad {
- padding-right: 10px;
- }
-
- .sha.label .ui.detail.icon.button {
- padding-top: 3px;
- margin-top: -5px;
- padding-bottom: 1px;
- }
-
- .author img.ui.avatar {
- width: auto;
- height: 18px;
- max-width: none;
- }
- }
-
- #graph-raw-list {
- margin: 0;
- }
-
- &.monochrome #rel-container {
- .flow-group {
- stroke: var(--color-secondary-dark-5);
- fill: var(--color-secondary-dark-5);
- }
-
- .flow-group.highlight {
- stroke: var(--color-secondary-dark-12);
- fill: var(--color-secondary-dark-12);
- }
- }
-
- &:not(.monochrome) #rel-container {
- .flow-group {
- &.flow-color-16-1 {
- stroke: #499a37;
- fill: #499a37;
- }
-
- &.flow-color-16-2 {
- stroke: #ce4751;
- fill: #ce4751;
- }
-
- &.flow-color-16-3 {
- stroke: #8f9121;
- fill: #8f9121;
- }
-
- &.flow-color-16-4 {
- stroke: #ac32a6;
- fill: #ac32a6;
- }
-
- &.flow-color-16-5 {
- stroke: #7445e9;
- fill: #7445e9;
- }
-
- &.flow-color-16-6 {
- stroke: #c67d28;
- fill: #c67d28;
- }
-
- &.flow-color-16-7 {
- stroke: #4db392;
- fill: #4db392;
- }
-
- &.flow-color-16-8 {
- stroke: #aa4d30;
- fill: #aa4d30;
- }
-
- &.flow-color-16-9 {
- stroke: #2a6f84;
- fill: #2a6f84;
- }
-
- &.flow-color-16-10 {
- stroke: #c45327;
- fill: #c45327;
- }
-
- &.flow-color-16-11 {
- stroke: #3d965c;
- fill: #3d965c;
- }
-
- &.flow-color-16-12 {
- stroke: #792a93;
- fill: #792a93;
- }
-
- &.flow-color-16-13 {
- stroke: #439d73;
- fill: #439d73;
- }
-
- &.flow-color-16-14 {
- stroke: #103aad;
- fill: #103aad;
- }
-
- &.flow-color-16-15 {
- stroke: #982e85;
- fill: #982e85;
- }
-
- &.flow-color-16-0 {
- stroke: #7db233;
- fill: #7db233;
- }
- }
-
- .flow-group.highlight {
- &.flow-color-16-1 {
- stroke: #5ac144;
- fill: #5ac144;
- }
-
- &.flow-color-16-2 {
- stroke: #ed5a8b;
- fill: #ed5a8b;
- }
-
- &.flow-color-16-3 {
- stroke: #ced049;
- fill: #ced048;
- }
-
- &.flow-color-16-4 {
- stroke: #db61d7;
- fill: #db62d6;
- }
-
- &.flow-color-16-5 {
- stroke: #8455f9;
- fill: #8455f9;
- }
-
- &.flow-color-16-6 {
- stroke: #e6a151;
- fill: #e6a151;
- }
-
- &.flow-color-16-7 {
- stroke: #44daaa;
- fill: #44daaa;
- }
-
- &.flow-color-16-8 {
- stroke: #dd7a5c;
- fill: #dd7a5c;
- }
-
- &.flow-color-16-9 {
- stroke: #38859c;
- fill: #38859c;
- }
-
- &.flow-color-16-10 {
- stroke: #d95520;
- fill: #d95520;
- }
-
- &.flow-color-16-11 {
- stroke: #42ae68;
- fill: #42ae68;
- }
-
- &.flow-color-16-12 {
- stroke: #9126b5;
- fill: #9126b5;
- }
-
- &.flow-color-16-13 {
- stroke: #4ab080;
- fill: #4ab080;
- }
-
- &.flow-color-16-14 {
- stroke: #284fb8;
- fill: #284fb8;
- }
-
- &.flow-color-16-15 {
- stroke: #971c80;
- fill: #971c80;
- }
-
- &.flow-color-16-0 {
- stroke: #87ca28;
- fill: #87ca28;
- }
- }
- }
-}
diff --git a/web_src/less/features/heatmap.less b/web_src/less/features/heatmap.less
deleted file mode 100644
index a6280e8b51..0000000000
--- a/web_src/less/features/heatmap.less
+++ /dev/null
@@ -1,67 +0,0 @@
-#user-heatmap {
- width: 100%;
- font-size: 9px;
- position: relative;
- min-height: 125px;
-
- text {
- fill: currentcolor !important;
- }
-
- // for the "Less" and "More" legend
- .vch__legend .vch__legend {
- display: flex;
- font-size: 11px;
- align-items: center;
- justify-content: right;
- }
- .vch__legend .vch__legend div:first-child,
- .vch__legend .vch__legend div:last-child {
- display: inline-block;
- padding: 0 5px;
- }
-
- // move the "? contributions in the last ? months" text from top to bottom
- .total-contributions {
- font-size: 11px;
- position: absolute;
- bottom: 0;
- left: 25px;
- }
-
- @media @mediaLgAndDown {
- & {
- min-height: 105px;
- }
- .total-contributions {
- left: 21px;
- }
- }
-
- @media (max-width: 1000px) {
- & {
- min-height: 80px;
- }
- .total-contributions {
- font-size: 10px;
- left: 17px;
- bottom: -4px;
- }
- }
-}
-
-.user.profile #user-heatmap {
- min-height: 135px;
-}
-
-@media @mediaLgAndDown {
- .user.profile #user-heatmap {
- min-height: 115px;
- }
-}
-
-@media (max-width: 1000px) {
- .user.profile #user-heatmap {
- min-height: 90px;
- }
-}
diff --git a/web_src/less/features/imagediff.less b/web_src/less/features/imagediff.less
deleted file mode 100644
index 07763c15e1..0000000000
--- a/web_src/less/features/imagediff.less
+++ /dev/null
@@ -1,105 +0,0 @@
-.image-diff-container {
- text-align: center;
- padding: 1em 0;
-
- img {
- border: 1px solid var(--color-primary-light-7);
- background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAG0lEQVQYlWN4+vTpf3SMDTAMBYXYBLFpHgoKAeiOf0SGE9kbAAAAAElFTkSuQmCC") right bottom var(--color-primary-light-7);
- }
-
- .before-container {
- border: 1px solid var(--color-red);
- display: block;
- }
-
- .after-container {
- border: 1px solid var(--color-green);
- display: block;
- }
-
- .diff-side-by-side {
- .side {
- display: inline-block;
- line-height: 0;
- vertical-align: top;
- margin: 0 1em;
-
- .side-header {
- font-weight: bold;
- }
- }
- }
-
- .diff-swipe {
- margin: auto;
-
- .swipe-frame {
- position: absolute;
-
- .before-container {
- position: absolute;
- }
-
- .swipe-container {
- position: absolute;
- right: 0;
- display: block;
- border-left: 2px solid var(--color-secondary-dark-8);
- height: 100%;
- overflow: hidden;
-
- .after-container {
- position: absolute;
- right: 0;
- }
- }
-
- .swipe-bar {
- position: absolute;
- height: 100%;
- top: 0;
- left: 0;
-
- .handle {
- background: var(--color-secondary-dark-8);
- left: -5px;
- height: 12px;
- width: 12px;
- position: absolute;
- transform: rotate(45deg);
- box-sizing: border-box;
- display: flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- }
-
- .top-handle {
- top: -12px;
- }
-
- .bottom-handle {
- bottom: -14px;
- }
- }
- }
- }
-
- .diff-overlay {
- margin: 0 auto;
-
- .overlay-frame {
- margin: 0 auto;
- position: relative;
- }
-
- .before-container,
- .after-container {
- position: absolute;
- }
-
- input {
- max-width: 300px;
- }
- }
-}
diff --git a/web_src/less/index.less b/web_src/less/index.less
deleted file mode 100644
index 5d55b9291f..0000000000
--- a/web_src/less/index.less
+++ /dev/null
@@ -1,42 +0,0 @@
-@import "font-awesome/css/font-awesome.css";
-
-@import "./variables.less";
-@import "./animations.less";
-@import "./shared/issuelist.less";
-@import "./features/dropzone.less";
-@import "./features/gitgraph.less";
-@import "./features/heatmap.less";
-@import "./features/imagediff.less";
-@import "./features/codeeditor.less";
-@import "./features/projects.less";
-@import "./modules/tippy.less";
-@import "./markup/content.less";
-@import "./markup/codecopy.less";
-@import "./code/linebutton.less";
-@import "./markup/asciicast.less";
-
-@import "./chroma/base.less";
-@import "./chroma/light.less";
-@import "./codemirror/base.less";
-@import "./codemirror/light.less";
-@import "./console/console.less";
-
-@import "_svg";
-@import "_tribute";
-@import "_font_i18n";
-@import "_base";
-@import "_home";
-@import "_install";
-@import "_form";
-@import "_repository";
-@import "_editor";
-@import "_organization";
-@import "_user";
-@import "_dashboard";
-@import "_admin";
-@import "_explore";
-@import "_review";
-@import "_package";
-@import "_runner";
-
-@import "./helpers.less";
diff --git a/web_src/less/markup/content.less b/web_src/less/markup/content.less
deleted file mode 100644
index 725a3d9886..0000000000
--- a/web_src/less/markup/content.less
+++ /dev/null
@@ -1,559 +0,0 @@
-.markup {
- overflow: hidden;
- font-size: 16px;
- line-height: 1.5 !important;
- word-wrap: break-word;
-
- &.ui.segment {
- padding: 3em;
- }
-
- &.file-view {
- padding: 2em !important;
- }
-
- > *:first-child {
- margin-top: 0 !important;
- }
-
- > *:last-child {
- margin-bottom: 0 !important;
- }
-
- a:not([href]) {
- color: inherit;
- text-decoration: none;
- }
-
- .absent {
- color: var(--color-red);
- }
-
- .anchor {
- padding-right: 4px;
- margin-left: -20px;
- line-height: 1;
- color: inherit;
- }
-
- .anchor .svg {
- vertical-align: middle;
- }
-
- .anchor:focus {
- outline: none;
- }
-
- h1 .anchor .svg,
- h2 .anchor .svg,
- h3 .anchor .svg,
- h4 .anchor .svg,
- h5 .anchor .svg,
- h6 .anchor .svg {
- visibility: hidden;
- }
-
- h1:hover .anchor .svg,
- h2:hover .anchor .svg,
- h3:hover .anchor .svg,
- h4:hover .anchor .svg,
- h5:hover .anchor .svg,
- h6:hover .anchor .svg {
- visibility: visible;
- }
-
- h2 .anchor .svg,
- h3 .anchor .svg,
- h4 .anchor .svg {
- position: relative;
- top: -2px;
- }
-
- h1,
- h2,
- h3,
- h4,
- h5,
- h6 {
- margin-top: 24px;
- margin-bottom: 16px;
- font-weight: 600;
- line-height: 1.25;
- }
-
- h1 tt,
- h1 code,
- h2 tt,
- h2 code,
- h3 tt,
- h3 code,
- h4 tt,
- h4 code,
- h5 tt,
- h5 code,
- h6 tt,
- h6 code {
- font-size: inherit;
- }
-
- h1 {
- padding-bottom: .3em;
- font-size: 2em;
- border-bottom: 1px solid var(--color-secondary);
- }
-
- h2 {
- padding-bottom: .3em;
- font-size: 1.5em;
- border-bottom: 1px solid var(--color-secondary);
- }
-
- h3 {
- font-size: 1.25em;
- }
-
- h4 {
- font-size: 1em;
- }
-
- h5 {
- font-size: .875em;
- }
-
- h6 {
- font-size: .85em;
- color: var(--color-text-light-2);
- }
-
- p,
- blockquote,
- details,
- ul,
- ol,
- dl,
- table,
- pre {
- margin-top: 0;
- margin-bottom: 16px;
- }
-
- hr {
- height: 4px;
- padding: 0;
- margin: 16px 0;
- background-color: var(--color-secondary);
- border: 0;
- }
-
- ul,
- ol {
- padding-left: 2em;
- }
-
- ul.no-list,
- ol.no-list {
- padding: 0;
- list-style-type: none;
- }
-
- .task-list-item {
- list-style-type: none;
- position: relative;
- line-height: 1.5rem;
- min-height: 1.5rem; // to render a checkbox list without content `- [ ]`, we need this min-height to make sure the <li> can be visible
-
- input[type="checkbox"] {
- position: absolute;
- top: .25em;
- left: -1.6em;
- }
-
- p {
- line-height: 1.5rem;
- }
- }
-
- .task-list-item + .task-list-item {
- margin-top: 3px;
- }
-
- input[type="checkbox"] {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- position: relative;
- border: 1px solid var(--color-secondary);
- border-radius: 2px;
- background: var(--color-input-background);
- height: 14px;
- width: 14px;
- opacity: 1 !important; // override fomantic on edit preview
- pointer-events: auto !important; // override fomantic on edit preview
- vertical-align: middle !important; // override fomantic on edit preview
- -webkit-print-color-adjust: exact;
- color-adjust: exact;
- }
-
- input[type="checkbox"]:not([disabled]):hover,
- input[type="checkbox"]:not([disabled]):active {
- border-color: var(--color-primary);
- }
-
- input[type="checkbox"]::after {
- position: absolute;
- left: 0;
- top: 0;
- bottom: 0;
- right: 0;
- pointer-events: none;
- background: var(--color-text);
- mask-size: cover;
- -webkit-mask-size: cover;
- }
-
- input[type="checkbox"]:checked::after {
- content: "";
- mask-image: var(--checkbox-mask-checked);
- -webkit-mask-image: var(--checkbox-mask-checked);
- -webkit-print-color-adjust: exact;
- color-adjust: exact;
- }
-
- input[type="checkbox"]:indeterminate::after {
- content: "";
- mask-image: var(--checkbox-mask-indeterminate);
- -webkit-mask-image: var(--checkbox-mask-indeterminate);
- }
-
- ul ul,
- ul ol,
- ol ol,
- ol ul {
- margin-top: 0;
- margin-bottom: 0;
- }
-
- ol ol,
- ul ol {
- list-style-type: lower-roman;
- }
-
- li > p {
- margin-top: 16px;
- }
-
- li + li {
- margin-top: .25em;
- }
-
- dl {
- padding: 0;
- }
-
- dl dt {
- padding: 0;
- margin-top: 16px;
- font-size: 1em;
- font-style: italic;
- font-weight: 600;
- }
-
- dl dd {
- padding: 0 16px;
- margin-bottom: 16px;
- }
-
- blockquote {
- margin-left: 0;
- padding: 0 15px;
- color: var(--color-text-light-2);
- border-left: 4px solid var(--color-secondary);
- }
-
- blockquote > :first-child {
- margin-top: 0;
- }
-
- blockquote > :last-child {
- margin-bottom: 0;
- }
-
- table {
- display: block;
- width: 100%;
- width: max-content;
- max-width: 100%;
- overflow: auto;
- }
-
- table th {
- font-weight: 600;
- }
-
- table th,
- table td {
- padding: 6px 13px !important;
- border: 1px solid var(--color-secondary) !important;
- }
-
- table tr {
- border-top: 1px solid var(--color-secondary);
- }
-
- table tr:nth-child(2n) {
- background-color: var(--color-markup-table-row);
- }
-
- img {
- max-width: 100%;
- box-sizing: initial;
- }
-
- img[align="right"] {
- padding-left: 20px;
- }
-
- img[align="left"] {
- padding-right: 20px;
- }
-
- .emoji {
- max-width: none;
- vertical-align: text-top;
- }
-
- span.frame {
- display: block;
- overflow: hidden;
- }
-
- span.frame > span {
- display: block;
- float: left;
- width: auto;
- padding: 7px;
- margin: 13px 0 0;
- overflow: hidden;
- border: 1px solid var(--color-secondary);
- }
-
- span.frame span img {
- display: block;
- float: left;
- }
-
- span.frame span span {
- display: block;
- padding: 5px 0 0;
- clear: both;
- color: var(--color-text);
- }
-
- span.align-center {
- display: block;
- overflow: hidden;
- clear: both;
- }
-
- span.align-center > span {
- display: block;
- margin: 13px auto 0;
- overflow: hidden;
- text-align: center;
- }
-
- span.align-center span img {
- margin: 0 auto;
- text-align: center;
- }
-
- span.align-right {
- display: block;
- overflow: hidden;
- clear: both;
- }
-
- span.align-right > span {
- display: block;
- margin: 13px 0 0;
- overflow: hidden;
- text-align: right;
- }
-
- span.align-right span img {
- margin: 0;
- text-align: right;
- }
-
- span.float-left {
- display: block;
- float: left;
- margin-right: 13px;
- overflow: hidden;
- }
-
- span.float-left span {
- margin: 13px 0 0;
- }
-
- span.float-right {
- display: block;
- float: right;
- margin-left: 13px;
- overflow: hidden;
- }
-
- span.float-right > span {
- display: block;
- margin: 13px auto 0;
- overflow: hidden;
- text-align: right;
- }
-
- code,
- tt {
- padding: .2em .4em;
- margin: 0;
- font-size: 85%;
- white-space: break-spaces;
- background-color: var(--color-markup-code-block);
- border-radius: 4px;
- }
-
- code br,
- tt br {
- display: none;
- }
-
- del code {
- text-decoration: inherit;
- }
-
- pre > code {
- padding: 0;
- margin: 0;
- font-size: 100%;
- white-space: pre-wrap;
- word-break: break-all;
- overflow-wrap: break-word;
- background: transparent;
- border: 0;
- }
-
- .highlight {
- margin-bottom: 16px;
- }
-
- .highlight pre,
- pre {
- padding: 16px;
- font-size: 85%;
- line-height: 1.45;
- background-color: var(--color-markup-code-block);
- border-radius: 4px;
- }
-
- .highlight pre {
- margin-bottom: 0;
- word-break: normal;
- }
-
- pre {
- word-wrap: normal;
- }
-
- pre code,
- pre tt {
- display: inline;
- max-width: initial;
- padding: 0;
- margin: 0;
- overflow: initial;
- line-height: inherit;
- word-wrap: normal;
- background-color: transparent;
- border: 0;
- }
-
- pre code::before,
- pre code::after,
- pre tt::before,
- pre tt::after {
- content: normal;
- }
-
- kbd {
- display: inline-block;
- padding: 3px 5px;
- font-size: 11px;
- line-height: 10px;
- color: var(--color-text-light);
- vertical-align: middle;
- background-color: var(--color-markup-code-block);
- border: 1px solid var(--color-secondary);
- border-radius: 3px;
- box-shadow: inset 0 -1px 0 var(--color-secondary);
- }
-
- .ui.list .list,
- ol.ui.list ol,
- ul.ui.list ul {
- padding-left: 2em;
- }
-}
-
-.repository.wiki.revisions {
- .ui.container > .ui.stackable.grid {
- -ms-flex-direction: row-reverse;
- flex-direction: row-reverse;
-
- > .header {
- margin-top: 0;
-
- .sub.header {
- padding-left: 52px;
- word-break: break-word;
- }
- }
- }
-}
-
-.file-revisions-btn {
- display: block;
- float: left;
- margin-bottom: 2px !important;
- padding: 11px !important;
- margin-right: 10px !important;
-
- i {
- &:extend(.unselectable);
- }
-}
-
-.markup-render {
- display: block;
- border: none;
- width: 100%;
- height: var(--height-loading); // actual height is set in JS after loading
- overflow: hidden;
- color-scheme: normal; // match the value inside the iframe to allow it to become transparent
-}
-
-.markup-block-error {
- border: 1px solid var(--color-error-border) !important;
- margin-bottom: 0 !important;
- border-bottom-left-radius: 0 !important;
- border-bottom-right-radius: 0 !important;
- box-shadow: none !important;
- font-size: 85% !important;
- white-space: pre-wrap !important;
- padding: .5rem 1rem !important;
- text-align: left !important;
-}
-
-.markup-block-error + pre {
- border-top: none !important;
- margin-top: 0 !important;
- border-top-left-radius: 0 !important;
- border-top-right-radius: 0 !important;
-}
diff --git a/web_src/less/shared/issuelist.less b/web_src/less/shared/issuelist.less
deleted file mode 100644
index 9f69d6bb3a..0000000000
--- a/web_src/less/shared/issuelist.less
+++ /dev/null
@@ -1,167 +0,0 @@
-.issue.list {
- list-style: none;
- margin-top: 1rem;
-
- a:not(.label):hover {
- color: var(--color-primary) !important;
- }
-
- > .item {
- .issue-checkbox {
- margin-top: 1px;
- }
-
- .issue-item-icon svg {
- margin-right: .75rem;
- margin-top: 1px;
- }
-
- .issue-item-icons-right > * + * {
- margin-left: .5rem;
- }
-
- .issue-item-main {
- width: 100%;
- }
-
- .action-item-main {
- width: 80%;
- }
-
- .issue-item-right {
- width: 15%;
- }
-
- .issue-item-top-row {
- max-width: 100%;
- color: var(--color-text);
- font-size: 16px;
- min-width: 0;
- font-weight: 600;
- a.index {
- max-width: fit-content;
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-line-clamp: 2;
- overflow: hidden;
- word-break:break-all;
- }
- }
-
- .labels-list {
- position: relative;
- top: -1.5px;
- }
-
- .issue-item-bottom-row {
- font-size: 13px;
- }
-
- .title {
- color: var(--color-text);
- word-break: break-word;
- }
-
- .issue-item-icon-right {
- min-width: 2rem;
- }
-
- .assignee {
- position: relative;
- top: -2px;
- }
-
- .assignee img {
- width: 20px;
- height: 20px;
- margin-right: 2px;
- }
-
- .desc {
- color: var(--color-text-light-2);
-
- a {
- color: inherit;
- }
-
- .time-since,
- a {
- margin-left: .25rem;
- margin-right: .25rem;
- }
-
- .waiting,
- .approvals,
- .rejects {
- padding-left: 5px;
- }
-
- .checklist {
- padding-left: 5px;
-
- progress {
- margin-left: 2px;
- width: 80px;
- height: 6px;
- display: inline-block;
- border-radius: 3px;
- vertical-align: 2px !important;
- }
-
- progress::-webkit-progress-value {
- background-color: var(--color-secondary-dark-4);
- }
-
- progress::-moz-progress-bar {
- background-color: var(--color-secondary-dark-4);
- }
- }
-
- .conflicting {
- padding-left: 5px;
- }
-
- .due-date {
- padding-left: 5px;
- }
-
- a.milestone,
- a.project {
- margin-left: 5px;
- }
-
- a.ref {
- margin-left: 8px;
-
- span {
- margin-right: -4px;
- }
- }
-
- .overdue {
- color: var(--color-red);
- }
- }
- }
-
- .branches {
- display: inline-flex;
- padding: 0 4px;
-
- .branch {
- background-color: var(--color-secondary);
- border-radius: 3px;
- }
-
- .truncated-name {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 10em;
- }
- }
-
- > .item + .item {
- border-top: 1px solid var(--color-secondary);
- }
-}
diff --git a/web_src/less/themes/theme-auto.less b/web_src/less/themes/theme-auto.less
deleted file mode 100644
index f49e194e1d..0000000000
--- a/web_src/less/themes/theme-auto.less
+++ /dev/null
@@ -1,3 +0,0 @@
-@media (prefers-color-scheme: dark) {
- @import "theme-arc-green.less";
-}
diff --git a/web_src/less/variables.less b/web_src/less/variables.less
deleted file mode 100644
index 23f6ac6de9..0000000000
--- a/web_src/less/variables.less
+++ /dev/null
@@ -1,14 +0,0 @@
-// here a standard set of media queries is defined, that is compatible with the
-// responsive grid used in fomantic css. As there only is a precompiled build
-// of fomantic checked in (since 946bbbe), we can't use their less variables
-// here, but these breakpoints shouldn't change in the foreseeable future.
-
-@mediaMdAndUp: ~"(min-width: 768px)";
-@mediaMdAndDown: ~"(max-width: 991px)";
-@mediaLgAndUp: ~"(min-width: 992px)";
-@mediaLgAndDown: ~"(max-width: 1200px)";
-
-@mediaSm: ~"(max-width: 767px)";
-@mediaMd: @mediaMdAndUp and @mediaMdAndDown;
-@mediaLg: @mediaLgAndUp and @mediaLgAndDown;
-@mediaXl: ~"(min-width: 1201px)";
diff --git a/webpack.config.js b/webpack.config.js
index 245791e7ea..f6f2ee58b4 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -21,7 +21,7 @@ const glob = (pattern) => fastGlob.sync(pattern, {
});
const themes = {};
-for (const path of glob('web_src/less/themes/*.less')) {
+for (const path of glob('web_src/css/themes/*.css')) {
themes[parse(path).name] = [path];
}
@@ -57,14 +57,14 @@ export default {
fileURLToPath(new URL('web_src/js/index.js', import.meta.url)),
fileURLToPath(new URL('node_modules/easymde/dist/easymde.min.css', import.meta.url)),
fileURLToPath(new URL('web_src/fomantic/build/semantic.css', import.meta.url)),
- fileURLToPath(new URL('web_src/less/index.less', import.meta.url)),
+ fileURLToPath(new URL('web_src/css/index.css', import.meta.url)),
],
webcomponents: [
fileURLToPath(new URL('web_src/js/webcomponents/GiteaOriginUrl.js', import.meta.url)),
],
swagger: [
fileURLToPath(new URL('web_src/js/standalone/swagger.js', import.meta.url)),
- fileURLToPath(new URL('web_src/less/standalone/swagger.less', import.meta.url)),
+ fileURLToPath(new URL('web_src/css/standalone/swagger.css', import.meta.url)),
],
serviceworker: [
fileURLToPath(new URL('web_src/js/serviceworker.js', import.meta.url)),
@@ -136,7 +136,7 @@ export default {
],
},
{
- test: /.css$/i,
+ test: /\.css$/i,
use: [
{
loader: MiniCssExtractPlugin.loader,
@@ -151,29 +151,6 @@ export default {
},
],
},
- {
- test: /.less$/i,
- use: [
- {
- loader: MiniCssExtractPlugin.loader,
- },
- {
- loader: 'css-loader',
- options: {
- sourceMap: true,
- importLoaders: 1,
- url: {filter: filterCssImport},
- import: {filter: filterCssImport},
- },
- },
- {
- loader: 'less-loader',
- options: {
- sourceMap: true,
- },
- },
- ],
- },
{
test: /\.svg$/,
include: fileURLToPath(new URL('public/img/svg', import.meta.url)),