Update configs and removed unused dependencies
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
John Molakvoæ (skjnldsv)
parent
a7e0aea880
commit
dc5a674dbc
21 changed files with 2849 additions and 1511 deletions
|
|
@ -10,22 +10,24 @@ $fg-unvoted: #f0db98;
|
|||
$fg-yes: #49bc49;
|
||||
|
||||
// Icon definitions
|
||||
@mixin icon-color($icon, $dir, $color, $version: 1, $core: false)
|
||||
.icon-app {
|
||||
@include icon-color('app','forms',$color-text-maxcontrast)
|
||||
}
|
||||
@include icon-black-white('app', 'forms', 2);
|
||||
|
||||
.icon-yes {
|
||||
@include icon-color('checkmark','actions',$fg-yes,1,true)
|
||||
@include icon-color('checkmark', 'actions', $fg-yes, 1, true);
|
||||
}
|
||||
|
||||
.icon-comment-yes {
|
||||
@include icon-color('comment','actions',$fg-yes,1,true)
|
||||
@include icon-color('comment', 'actions', $fg-yes, 1, true);
|
||||
}
|
||||
|
||||
.icon-comment-no {
|
||||
@include icon-color('comment','actions',$fg-no,1,true)
|
||||
@include icon-color('comment', 'actions', $fg-no, 1, true);
|
||||
}
|
||||
|
||||
.icon-no {
|
||||
@include icon-color('close','actions',$fg-no,1,true)
|
||||
@include icon-color('close', 'actions', $fg-no, 1, true);
|
||||
}
|
||||
|
||||
.icon-maybe {
|
||||
@include icon-color('maybe-vote-variant','forms',$fg-maybe)
|
||||
@include icon-color('maybe-vote-variant', 'forms', $fg-maybe);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@ h1 {
|
|||
}
|
||||
|
||||
#controls {
|
||||
// adopted from NC13 for compatibily with OC10 and NC11-NC12
|
||||
// adopted from NC13 for compatibily with OC10 and NC11-NC12
|
||||
width: 100%;
|
||||
position: relative;
|
||||
top: 4px;
|
||||
|
|
@ -33,10 +33,9 @@ h1 {
|
|||
flex-shrink: 0;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
input[type="text"] {
|
||||
input[type='text'] {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
#header {
|
||||
#appmenu,.header-right, nav {
|
||||
display:none;
|
||||
#header {
|
||||
#appmenu,
|
||||
.header-right,
|
||||
nav {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
357
css/sidebar.scss
357
css/sidebar.scss
|
|
@ -12,202 +12,203 @@ $user-column-width: 265px;
|
|||
border-left: 1px solid var(--color-border);
|
||||
transition: margin-right 300ms;
|
||||
z-index: 500;
|
||||
> div, > ul {
|
||||
> div,
|
||||
> ul {
|
||||
padding: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.authorRow {
|
||||
align-items: center;
|
||||
.author {
|
||||
margin-left: 8px;
|
||||
opacity: .5;
|
||||
flex-grow: 1;
|
||||
&.external {
|
||||
margin-right: 33px;
|
||||
opacity: 1;
|
||||
> input {
|
||||
width: 100%
|
||||
}
|
||||
.authorRow {
|
||||
align-items: center;
|
||||
.author {
|
||||
margin-left: 8px;
|
||||
opacity: 0.5;
|
||||
flex-grow: 1;
|
||||
&.external {
|
||||
margin-right: 33px;
|
||||
opacity: 1;
|
||||
> input {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.detailsView {
|
||||
z-index: 1000 !important;
|
||||
.close.flex-row {
|
||||
justify-content: flex-end;
|
||||
margin: 8px 8px 0 0;
|
||||
.detailsView {
|
||||
z-index: 1000 !important;
|
||||
.close.flex-row {
|
||||
justify-content: flex-end;
|
||||
margin: 8px 8px 0 0;
|
||||
}
|
||||
|
||||
.header.flex-row {
|
||||
flex-direction: row;
|
||||
flex-grow: 0;
|
||||
align-items: flex-start;
|
||||
margin-left: 0;
|
||||
margin-top: 0;
|
||||
padding: 0 17px;
|
||||
}
|
||||
|
||||
.formInformation {
|
||||
width: 220px;
|
||||
flex-grow: 1;
|
||||
flex-shrink: 1;
|
||||
padding-right: 15px;
|
||||
|
||||
.authorRow {
|
||||
.leftLabel {
|
||||
margin-right: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
.header.flex-row {
|
||||
flex-direction: row;
|
||||
flex-grow: 0;
|
||||
align-items: flex-start;
|
||||
margin-left: 0;
|
||||
margin-top: 0;
|
||||
padding: 0 17px;
|
||||
.cloud {
|
||||
margin: 4px 0;
|
||||
|
||||
> span {
|
||||
color: var(--color-primary-text);
|
||||
margin: 2px;
|
||||
padding: 2px 4px;
|
||||
border-radius: var(--border-radius);
|
||||
float: left;
|
||||
text-shadow: 1px 1px var(--color-box-shadow);
|
||||
background-color: var(--color-loading-light);
|
||||
}
|
||||
.open {
|
||||
background-color: $fg-yes;
|
||||
}
|
||||
.expired {
|
||||
background-color: $fg-no;
|
||||
}
|
||||
.information {
|
||||
background-color: $bg-information;
|
||||
}
|
||||
}
|
||||
}
|
||||
#expired_info {
|
||||
margin: 0 15px;
|
||||
}
|
||||
|
||||
.formActions {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-right: 15px;
|
||||
|
||||
.close {
|
||||
margin: 15px;
|
||||
background-position: right top;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.formInformation {
|
||||
width: 220px;
|
||||
> ul > li {
|
||||
&:focus,
|
||||
&:hover,
|
||||
&.active,
|
||||
a.selected {
|
||||
&,
|
||||
> a {
|
||||
opacity: 1;
|
||||
box-shadow: inset 4px 0 var(--color-primary);
|
||||
}
|
||||
}
|
||||
|
||||
> a[class*='icon-'],
|
||||
> ul > li > a[class*='icon-'],
|
||||
> a[style*='background-image'],
|
||||
> ul > li > a[style*='background-image'] {
|
||||
padding-left: 44px;
|
||||
}
|
||||
|
||||
> a,
|
||||
> ul > li > a {
|
||||
background-size: 16px 16px;
|
||||
background-position: 14px center;
|
||||
background-repeat: no-repeat;
|
||||
display: block;
|
||||
justify-content: space-between;
|
||||
line-height: 44px;
|
||||
min-height: 44px;
|
||||
padding: 0 12px;
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
color: var(--color-main-text);
|
||||
opacity: 0.57;
|
||||
flex: 1 1 0;
|
||||
z-index: 100;
|
||||
}
|
||||
a,
|
||||
.app-navigation-entry-deleted {
|
||||
padding-left: 44px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
#configurationsTabView {
|
||||
.configBox {
|
||||
padding: 8px 8px;
|
||||
|
||||
> .title {
|
||||
font-weight: bold;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
> div {
|
||||
padding-left: 4px;
|
||||
}
|
||||
|
||||
input.hasDatepicker {
|
||||
margin-left: 17px;
|
||||
}
|
||||
&.oneline {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
#commentsTabView {
|
||||
.newCommentForm div.message:empty:before {
|
||||
content: attr(data-placeholder);
|
||||
color: grey;
|
||||
}
|
||||
#commentBox {
|
||||
border: 1px solid var(--color-border-dark);
|
||||
border-radius: var(--border-radius);
|
||||
padding: 7px 6px;
|
||||
margin: 3px 3px 3px 40px;
|
||||
cursor: text;
|
||||
}
|
||||
.comment {
|
||||
margin-bottom: 30px;
|
||||
|
||||
.date {
|
||||
right: 0;
|
||||
top: 5px;
|
||||
opacity: 0.5;
|
||||
}
|
||||
}
|
||||
|
||||
.message {
|
||||
margin-left: 40px;
|
||||
flex-grow: 1;
|
||||
flex-shrink: 1;
|
||||
padding-right: 15px;
|
||||
|
||||
.authorRow {
|
||||
.leftLabel {
|
||||
margin-right: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
.cloud {
|
||||
margin: 4px 0;
|
||||
|
||||
> span {
|
||||
color: var(--color-primary-text);
|
||||
margin: 2px;
|
||||
padding: 2px 4px;
|
||||
border-radius: var(--border-radius);
|
||||
float: left;
|
||||
text-shadow: 1px 1px var(--color-box-shadow);
|
||||
background-color: var(--color-loading-light);
|
||||
|
||||
}
|
||||
.open {
|
||||
background-color: $fg-yes;
|
||||
}
|
||||
.expired {
|
||||
background-color: $fg-no;
|
||||
}
|
||||
.information {
|
||||
background-color: $bg-information;
|
||||
}
|
||||
}
|
||||
}
|
||||
#expired_info {
|
||||
margin: 0 15px;
|
||||
}
|
||||
|
||||
.formActions {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-right: 15px;
|
||||
|
||||
.close {
|
||||
margin: 15px;
|
||||
background-position: right top;
|
||||
height: 30px;
|
||||
.new-comment {
|
||||
.submitComment {
|
||||
align-self: last baseline;
|
||||
width: 30px;
|
||||
margin: 0;
|
||||
padding: 7px 9px;
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
> ul > li {
|
||||
&:focus, &:hover, &.active, a.selected {
|
||||
&, > a {
|
||||
opacity: 1;
|
||||
box-shadow: inset 4px 0 var(--color-primary);
|
||||
}
|
||||
}
|
||||
|
||||
> a[class*="icon-"],
|
||||
> ul > li > a[class*="icon-"],
|
||||
> a[style*="background-image"],
|
||||
> ul > li > a[style*="background-image"] {
|
||||
padding-left: 44px;
|
||||
}
|
||||
|
||||
> a,
|
||||
> ul > li > a {
|
||||
background-size: 16px 16px;
|
||||
background-position: 14px center;
|
||||
background-repeat: no-repeat;
|
||||
display: block;
|
||||
justify-content: space-between;
|
||||
line-height: 44px;
|
||||
min-height: 44px;
|
||||
padding: 0 12px;
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
color: var(--color-main-text);
|
||||
opacity: 0.57;
|
||||
flex: 1 1 0;
|
||||
z-index: 100;
|
||||
}
|
||||
a,
|
||||
.app-navigation-entry-deleted {
|
||||
padding-left: 44px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
#configurationsTabView {
|
||||
.configBox {
|
||||
padding: 8px 8px;
|
||||
|
||||
> .title {
|
||||
font-weight: bold;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
> div {
|
||||
padding-left: 4px;
|
||||
}
|
||||
|
||||
input.hasDatepicker {
|
||||
margin-left:17px;
|
||||
}
|
||||
&.oneline {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
#commentsTabView {
|
||||
|
||||
.newCommentForm div.message:empty:before {
|
||||
content: attr(data-placeholder);
|
||||
color: grey;
|
||||
}
|
||||
#commentBox {
|
||||
border: 1px solid var(--color-border-dark);
|
||||
border-radius: var(--border-radius);
|
||||
padding: 7px 6px;
|
||||
margin: 3px 3px 3px 40px;
|
||||
cursor: text;
|
||||
}
|
||||
.comment {
|
||||
margin-bottom: 30px;
|
||||
|
||||
.date {
|
||||
right: 0;
|
||||
top: 5px;
|
||||
opacity: .5;
|
||||
}
|
||||
}
|
||||
|
||||
.message {
|
||||
margin-left: 40px;
|
||||
flex-grow: 1;
|
||||
flex-shrink: 1;
|
||||
}
|
||||
|
||||
|
||||
.new-comment {
|
||||
.submitComment {
|
||||
align-self: last baseline;
|
||||
width: 30px;
|
||||
margin: 0;
|
||||
padding: 7px 9px;
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
opacity: .3;
|
||||
}
|
||||
|
||||
.icon-loading-small {
|
||||
float: left;
|
||||
margin-top: 10px;
|
||||
display: none;
|
||||
}
|
||||
.icon-loading-small {
|
||||
float: left;
|
||||
margin-top: 10px;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -4,39 +4,40 @@
|
|||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.sv-q-description{
|
||||
font-size: 420px;
|
||||
.sv-q-description {
|
||||
font-size: 420px;
|
||||
}
|
||||
|
||||
.sv_container{
|
||||
h3 {
|
||||
width: 400px;
|
||||
font-size: 30px;
|
||||
}
|
||||
.sv_container {
|
||||
h3 {
|
||||
width: 400px;
|
||||
font-size: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.sv_qstn .sq-root {
|
||||
border: 1px solid gray;
|
||||
border-left: 4px solid #18a689;
|
||||
border-radius: 5px;
|
||||
padding: 20px;
|
||||
width: 400px;
|
||||
margin-bottom: 30px;
|
||||
font-size: 18px;
|
||||
border: 1px solid gray;
|
||||
border-left: 4px solid #18a689;
|
||||
border-radius: 5px;
|
||||
padding: 20px;
|
||||
width: 400px;
|
||||
margin-bottom: 30px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.sq-title {
|
||||
font-size: 20px;
|
||||
margin-left: 20px;
|
||||
font-size: 20px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.sq-title-required {
|
||||
color: black;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.sq-label {
|
||||
margin-left: 30px;
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
.sq-item:nth-child(1) {
|
||||
margin-bottom: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue