Styling fixes

* Fix borders and top spacing on containers, remove unnecessary rule
  from reset and do not make muted text smaller
* also make the '@less/invenio_theme_tuw' alias availble for webpack

invenio_theme_tuw/assets/semantic-ui/less/invenio_theme_tuw/theme/collections/menu.overrides

@@ -5,7 +5,7 @@
 @import "@less/invenio_app_rdm/theme/collections/menu.overrides";
 
 .ui.dropdown {
-    font-size: 19px;
+    font-size: 14px;
 }
 
 header {
@@ -240,3 +240,27 @@ nav.footer a:hover {
     }
 }
 
+.ui.menu .item.active {
+    font-weight: bold;
+}
+
+/* for the additional infos box on the landing page */
+
+.ui.attached {
+    border-radius: 10px;
+
+    &.top {
+        border-radius: 10px 10px 0 0;
+
+        .item:first-child {
+            border-radius: 10px 0 0 0;
+        }
+        .item:last-child {
+            border-radius: 0 10px 0 0;
+        }
+    }
+
+    &.bottom {
+        border-radius: 0 0 10px 10px;
+    }
+}

invenio_theme_tuw/assets/semantic-ui/less/invenio_theme_tuw/theme/collections/menu.variables

@@ -9,6 +9,7 @@
 @background: @white;
 @fontFamily: @headerFont;
 @borderWidth: 0px;
+@attachedBorder: 1px solid @solidBorderColor;
 
 /* Menu Item */
 @itemTextTransform: uppercase;

invenio_theme_tuw/assets/semantic-ui/less/invenio_theme_tuw/theme/elements/button.overrides

@@ -4,7 +4,7 @@
 
 @import "@less/invenio_app_rdm/theme/elements/button.overrides";
 
-button.ui.basic.icon.button.copy.copy-to-clipboard * {
+button.ui.basic.icon.button * {
     color: gray;
 }
 

invenio_theme_tuw/assets/semantic-ui/less/invenio_theme_tuw/theme/elements/container.overrides

@@ -4,6 +4,9 @@
 
 @import "@less/invenio_app_rdm/theme/elements/container.overrides";
 
-.ui.container:not(#hero) {
+/* add spacing to containers on frontpage, search page, and user profile */
+/* TODO find a better way of doing this */
+
+#hero ~ .ui.container, div[data-invenio-search-config] .ui.container, .ui.grid.container.stackable {
     margin-top: 2em;
 }

invenio_theme_tuw/assets/semantic-ui/less/invenio_theme_tuw/theme/globals/reset.overrides

@@ -2,8 +2,7 @@
          Site Overrides
 *******************************/
 
-@import "@less/invenio_app_rdm/theme/globals/reset.overrides";
+/* TODO import the default theme from semantic-ui-less as a base */
+/* this will enable us to switch @reset to 'tuw' in theme.config */
 
-html, body {
-    height: 100% !important;
-}
+@import "@less/invenio_app_rdm/theme/globals/reset.overrides";

invenio_theme_tuw/assets/semantic-ui/less/invenio_theme_tuw/theme/globals/site.overrides

@@ -86,8 +86,7 @@ h3 {
 }
 
 .text-muted {
-    color: @grey;
-    font-size: 0.9em;
+  color: @grey;
 }
 
 .badges {
@@ -108,3 +107,21 @@ h3 {
 .cursor-pointer {
     cursor: pointer;
 }
+
+/* landing page styling */
+
+.ui.table.files-table th.hidden {
+    /* this is required to render the files table on the landing page properly */
+    display:table-cell;
+}
+
+.preview-iframe {
+    /* otherwise, the file preview iframe will overlap the rounded bottom borders */
+    border-radius: 10px;
+}
+
+.ui.grid.record-citation .citation-style-selector .ui.selection.dropdown.citation-dropdown {
+    /* make the drop downs shorter */
+    min-width: 7.5em;
+    max-width: inherit;
+}

invenio_theme_tuw/webpack.py

@@ -36,7 +36,9 @@ theme = WebpackThemeBundle(
                 "jquery": "^3.2.1",
             },
             "aliases": {
+                # the 'themes/tuw' alias registers our theme (*.{override,variables}) as 'tuw' theme
                 "themes/tuw": "less/invenio_theme_tuw/theme",
+                "@less/invenio_theme_tuw": "less/invenio_theme_tuw",
                 "../../less/invenio_theme_tuw/theme/assets": "../static",
             },
         },