Replace Less with CSS (#23508)

Backport https://github.com/go-gitea/gitea/pull/23481,
https://github.com/go-gitea/gitea/pull/23504 and
https://github.com/go-gitea/gitea/pull/23520 to 1.19, just so we have an
easier time with future backports.

Seems to work on a basic level. There was a merge conflict in
`RepoActionView.vue`, otherwise it merged cleanly.

---------

Co-authored-by: John Olheiser <john.olheiser@gmail.com>
Co-authored-by: Lauris BH <lauris@nix.lv>

1 files changed, 203 insertions, 0 deletions

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;
+}