|
@@ -2,151 +2,156 @@
|
|
|
@import "../../../assets/scss/themes";
|
|
|
@import "../../../assets/scss/mixins";
|
|
|
|
|
|
-// @mixin lemmatizedEntityColors($color-base) {
|
|
|
-
|
|
|
-// .ne-header {
|
|
|
-// position: relative;
|
|
|
-
|
|
|
-// evt-pinner {
|
|
|
-// position: absolute;
|
|
|
-// top: 0;
|
|
|
-// right: 0;
|
|
|
-// }
|
|
|
-// }
|
|
|
-
|
|
|
-// .nav-item,
|
|
|
-// .nav-item a {
|
|
|
-// &:focus {
|
|
|
-// outline: none !important;
|
|
|
-// }
|
|
|
-// }
|
|
|
-
|
|
|
-// .entity-details .nav-link {
|
|
|
-// color: #000;
|
|
|
-// // background-color: $color-middle;
|
|
|
-// // border-color: $color-darker;
|
|
|
-
|
|
|
-// // &.active {
|
|
|
-// // background-color: $color-darker;
|
|
|
-// // }
|
|
|
-
|
|
|
-// // &:hover:not(.active):not(.disabled) {
|
|
|
-// // background: rgba($color-darker, .5);
|
|
|
-// // }
|
|
|
-
|
|
|
-// // &.disabled {
|
|
|
-// // pointer-events: auto;
|
|
|
-// // cursor: not-allowed;
|
|
|
-// // }
|
|
|
-// // }
|
|
|
-
|
|
|
-// // .ne-detail-content {
|
|
|
-// // background-color: $color-darker;
|
|
|
-// // }
|
|
|
-
|
|
|
-// .ne-occurrence {
|
|
|
-// border-radius: 4px;
|
|
|
-// padding: 4px 6px;
|
|
|
-// background: rgba(255, 255, 255, 0.5);
|
|
|
-// margin-right: 3px;
|
|
|
-// font-size: .7rem;
|
|
|
-// margin-bottom: 3px;
|
|
|
-// display: inline-block !important;
|
|
|
-// cursor: pointer;
|
|
|
-// line-height: 0.9rem;
|
|
|
-
|
|
|
-// .ne-occurrence-count {
|
|
|
-// top: -1px;
|
|
|
-// position: relative;
|
|
|
-// margin-left: 5px;
|
|
|
-// border: 1px solid transparent;
|
|
|
-// }
|
|
|
-
|
|
|
-// &:hover {
|
|
|
-// background: rgba(255, 255, 255, 0.8) !important;
|
|
|
-
|
|
|
-// .ne-occurrence-count {
|
|
|
-// border: 1px solid #ccc;
|
|
|
-// }
|
|
|
-// }
|
|
|
-
|
|
|
-// }
|
|
|
-// }
|
|
|
-
|
|
|
-// :host ::ng-deep .ne {
|
|
|
-// &-container {
|
|
|
-// font-size: 90%;
|
|
|
-// border-top-left-radius: 0;
|
|
|
-
|
|
|
-// &.inList {
|
|
|
-// border-radius: 0;
|
|
|
-// margin-bottom: 1px;
|
|
|
-
|
|
|
-// .ne-header {
|
|
|
-// padding: 5px 7px;
|
|
|
-// border-top-right-radius: 0;
|
|
|
-// cursor: pointer;
|
|
|
-// }
|
|
|
-// }
|
|
|
-
|
|
|
-// &.contentOpened {
|
|
|
-// .ne-header {
|
|
|
-// border-bottom: 3px double #000 !important;
|
|
|
-// }
|
|
|
-// }
|
|
|
-
|
|
|
-// &.lem {
|
|
|
-// @include lemmatizedEntityColors(get-ne-color(lemBase));
|
|
|
-// }
|
|
|
-
|
|
|
-// &.w {
|
|
|
-// @include lemmatizedEntityColors(get-ne-color(lemBase));
|
|
|
-// }
|
|
|
-// }
|
|
|
-
|
|
|
-// &-header {
|
|
|
-// padding: 3.5px 7px;
|
|
|
-// border-top-left-radius: 0;
|
|
|
-// }
|
|
|
-
|
|
|
-// &-content {
|
|
|
-// padding: 0;
|
|
|
-// font-size: 80%;
|
|
|
-// }
|
|
|
-
|
|
|
-// &-detail-content {
|
|
|
-// padding: 1rem;
|
|
|
-
|
|
|
-// &.no-padding {
|
|
|
-// padding: 0;
|
|
|
-// }
|
|
|
-// }
|
|
|
-// }
|
|
|
-
|
|
|
-// :host ::ng-deep .ne-content {
|
|
|
-
|
|
|
-// // Override default styles
|
|
|
-// .entity-details .nav-link {
|
|
|
-// padding: 5px;
|
|
|
-// border: none;
|
|
|
-// }
|
|
|
-// }
|
|
|
-
|
|
|
-// :host ::ng-deep pre {
|
|
|
-// padding-top: 0;
|
|
|
-// margin: 0;
|
|
|
-
|
|
|
-// /* background: #fff;*/
|
|
|
-// code {
|
|
|
-// font-size: 85% !important;
|
|
|
-// }
|
|
|
-// //}
|
|
|
-
|
|
|
-// pre {
|
|
|
-// white-space: pre-wrap;
|
|
|
-// white-space: -moz-pre-wrap;
|
|
|
-// white-space: -pre-wrap;
|
|
|
-// white-space: -o-pre-wrap;
|
|
|
-// word-wrap: break-word;
|
|
|
-// width: 100%;
|
|
|
-// }
|
|
|
+@mixin lemmatizedEntityColors($color-base, $color-middle, $color-darker) {
|
|
|
+ border-color: $color-middle;
|
|
|
+
|
|
|
+ * {
|
|
|
+ border-color: $color-middle;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ne-header {
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ evt-pinner {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ right: 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .nav-item,
|
|
|
+ .nav-item a {
|
|
|
+ &:focus {
|
|
|
+ outline: none !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .lem-details .nav-link {
|
|
|
+ color: #000;
|
|
|
+ background-color: $color-middle;
|
|
|
+ border-color: $color-darker;
|
|
|
+
|
|
|
+ &.active {
|
|
|
+ background-color: $color-darker;
|
|
|
+ }
|
|
|
+
|
|
|
+ // &:hover:not(.active):not(.disabled) {
|
|
|
+ // // background: #000;
|
|
|
+ // }
|
|
|
+
|
|
|
+ &.disabled {
|
|
|
+ pointer-events: auto;
|
|
|
+ cursor: not-allowed;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .ne-detail-content {
|
|
|
+ background-color: $color-darker;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ne-occurrence {
|
|
|
+ border-radius: 4px;
|
|
|
+ padding: 4px 6px;
|
|
|
+ background: rgba(255, 255, 255, 0.5);
|
|
|
+ margin-right: 3px;
|
|
|
+ font-size: .7rem;
|
|
|
+ margin-bottom: 3px;
|
|
|
+ display: inline-block !important;
|
|
|
+ cursor: pointer;
|
|
|
+ line-height: 0.9rem;
|
|
|
+
|
|
|
+ .ne-occurrence-count {
|
|
|
+ top: -1px;
|
|
|
+ position: relative;
|
|
|
+ margin-left: 5px;
|
|
|
+ border: 1px solid transparent;
|
|
|
+ }
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ background: rgba(255, 255, 255, 0.8) !important;
|
|
|
+
|
|
|
+ .ne-occurrence-count {
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+:host ::ng-deep .ne {
|
|
|
+ &-container {
|
|
|
+ font-size: 90%;
|
|
|
+ border-top-left-radius: 0;
|
|
|
+
|
|
|
+ &.inList {
|
|
|
+ border-radius: 0;
|
|
|
+ margin-bottom: 1px;
|
|
|
+
|
|
|
+ .ne-header {
|
|
|
+ padding: 5px 7px;
|
|
|
+ border-top-right-radius: 0;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &.contentOpened {
|
|
|
+ .ne-header {
|
|
|
+ border-bottom: 3px double #000 !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &.lem {
|
|
|
+ @include lemmatizedEntityColors(get-ne-color(lemBase), get-ne-color(lemMiddle), get-ne-color(lemDarker));
|
|
|
+ }
|
|
|
+
|
|
|
+ &.w {
|
|
|
+ @include lemmatizedEntityColors(get-ne-color(lemBase), get-ne-color(lemMiddle), get-ne-color(lemDarker));
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &-header {
|
|
|
+ padding: 3.5px 7px;
|
|
|
+ border-top-left-radius: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ &-content {
|
|
|
+ padding: 0;
|
|
|
+ font-size: 80%;
|
|
|
+ }
|
|
|
+
|
|
|
+ &-detail-content {
|
|
|
+ padding: 1rem;
|
|
|
+
|
|
|
+ &.no-padding {
|
|
|
+ padding: 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+:host ::ng-deep .ne-content {
|
|
|
+
|
|
|
+ // Override default styles
|
|
|
+ .lem-details .nav-link {
|
|
|
+ padding: 5px;
|
|
|
+ border: none;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+:host ::ng-deep pre {
|
|
|
+ padding-top: 0;
|
|
|
+ margin: 0;
|
|
|
+
|
|
|
+ background: #fff;
|
|
|
+ code {
|
|
|
+ font-size: 85% !important;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+pre {
|
|
|
+ white-space: pre-wrap;
|
|
|
+ white-space: -moz-pre-wrap;
|
|
|
+ white-space: -pre-wrap;
|
|
|
+ white-space: -o-pre-wrap;
|
|
|
+ word-wrap: break-word;
|
|
|
+ width: 100%;
|
|
|
+}
|