upstream/nextcloud
1
0
Fork 0
mirror of https://github.com/nextcloud/server.git synced 2026-04-22 14:50:17 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 53

Merge pull request #16324 from nextcloud/bugfix/noid/workflow-dark-theme

Browse source 
Improve dark theme handling in workflow apps
This commit is contained in:
Roeland Jago Douma 2019-07-10 21:45:59 +02:00 committed by GitHub
commit bf54d0f40d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 86 additions and 75 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

75
apps/workflowengine/css/admin.css
View file

@ -1,75 +0,0 @@
.workflowengine .operation {
padding: 5px;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: #eee 1px solid;
border-left: rgba(0,0,0,0) 1px solid;
}
.workflowengine .operation.modified {
border-left: rgb(255, 94, 32) 1px solid;
}
.workflowengine .operation button {
margin-bottom: 0;
}
.workflowengine .operation-name {
width: 100%;
max-width: 500px;
}
.workflowengine .operation span.info {
padding: 7px;
color: #eee;
}
.workflowengine .rules .operation:nth-last-child(2) {
margin-bottom: 5px;
}
.workflowengine .pull-right {
float: right
}
.workflowengine .operation .msg {
border-radius: 3px;
margin: 3px 3px 3px 0;
padding: 5px;
transition: opacity .5s;
}
.workflowengine .operation .check:hover {
background-color: #f8f8f8;
}
.workflowengine .operation-header .operation-name {
align-self: flex-start;
padding: 10px;
}
.workflowengine .operation-header {
display: flex;
}
.workflowengine .operation-header .select2-container {
align-self: flex-end;
}
.workflowengine .operation-header .icon-delete {
margin-left: auto;
}
.workflowengine .operation .button-delete,
.workflowengine .operation .button-delete-check {
opacity: 0.5;
padding: 11px;
}
.workflowengine .operation .button-delete:hover,
.workflowengine .operation .button-delete:focus,
.workflowengine .operation .button-delete-check:hover,
.workflowengine .operation .button-delete-check:focus {
opacity: 1;
cursor: pointer;
}
.workflowengine .rules .icon-loading-small {
display: inline-block;
margin-right: 5px;
}
.workflowengine .invalid-input {
border-color: #aa0000;
}

86
apps/workflowengine/css/admin.scss Normal file
View file

@ -0,0 +1,86 @@
.workflowengine {
.pull-right {
float: right
}
.invalid-input {
border-color: var(--color-error);
}
.operation {
padding: 5px 5px 20px;
margin-bottom: 20px;
border-bottom: var(--color-border) 1px solid;
border-left: rgba(0, 0, 0, 0) 2px solid;
&.modified {
border-left: var(--color-warning) 2px solid;
}
button {
margin-bottom: 0;
}
span.info {
padding: 7px;
color: var(--color-border);
}
.msg {
border-radius: 3px;
margin: 3px 3px 3px 0;
padding: 5px;
transition: opacity .5s;
}
.check {
padding-left: 5px;
&:hover {
background-color: var(--color-background-dark);
}
}
.button-delete,
.button-delete-check {
opacity: 0.5;
padding: 11px;
&:hover,
&:focus {
opacity: 1;
cursor: pointer;
}
}
}
.rules {
.icon-loading-small {
display: inline-block;
margin-right: 5px;
}
.operation:nth-last-child(2) {
margin-bottom: 5px;
}
}
.operation-header {
display: flex;
margin-left: 5px;
.operation-name {
width: 100%;
max-width: 500px;
align-self: flex-start;
padding: 10px;
}
.select2-container {
align-self: flex-end;
}
.icon-delete {
margin-left: auto;
}
}
}