mirror of
https://github.com/wekan/wekan.git
synced 2026-01-27 03:36:09 +01:00
Converted Stylus to CSS. Removed Stylus. This change removed many error messages.
Thanks to xet7 !
This commit is contained in:
Lauri Ojansivu
parent
01a1a2cdce
commit
072778b9aa
104 changed files with 9370 additions and 7642 deletions
8
client/components/settings/attachments.css
Normal file
8
client/components/settings/attachments.css
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
.move-attachment-buttons {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
}
|
||||
.attachments-content hr {
|
||||
height: 0px;
|
||||
border: 1px solid #000;
|
||||
}
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
.move-attachment-buttons
|
||||
display: flex
|
||||
gap: 10px
|
||||
|
||||
.attachments-content
|
||||
hr
|
||||
height: 0px
|
||||
border: 1px solid black
|
||||
91
client/components/settings/peopleBody.css
Normal file
91
client/components/settings/peopleBody.css
Normal file
|
|
@ -0,0 +1,91 @@
|
|||
.main-body {
|
||||
overflow: scroll;
|
||||
}
|
||||
table {
|
||||
color: #000;
|
||||
}
|
||||
table td,
|
||||
table th {
|
||||
border: 1px solid #d2d0d0;
|
||||
text-align: left;
|
||||
padding: 8px;
|
||||
}
|
||||
table tr:nth-child(even) {
|
||||
background-color: #ddd;
|
||||
}
|
||||
.ext-box {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
height: 34px;
|
||||
}
|
||||
.ext-box .ext-box-left {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
gap: 10px;
|
||||
}
|
||||
.ext-box span {
|
||||
vertical-align: center;
|
||||
line-height: 34px;
|
||||
}
|
||||
.ext-box input,
|
||||
.ext-box button {
|
||||
padding: 0;
|
||||
}
|
||||
.ext-box button {
|
||||
min-width: 90px;
|
||||
}
|
||||
.content-wrapper {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.buttonsContainer {
|
||||
display: flex;
|
||||
}
|
||||
.buttonsContainer input {
|
||||
margin: 0;
|
||||
}
|
||||
.buttonsContainer div {
|
||||
margin: auto;
|
||||
}
|
||||
.more-settings-user,
|
||||
.more-settings-team,
|
||||
.more-settings-org {
|
||||
margin-left: 10px;
|
||||
}
|
||||
.js-orgs,
|
||||
.js-orgsNewUser {
|
||||
display: none;
|
||||
}
|
||||
.js-teams,
|
||||
.js-teamsNewUser {
|
||||
display: none;
|
||||
}
|
||||
.selectUserChkBox,
|
||||
.allUserChkBox {
|
||||
position: static !important;
|
||||
visibility: visible !important;
|
||||
left: 0 !important;
|
||||
display: block !important;
|
||||
}
|
||||
#divAddOrRemoveTeam {
|
||||
background: #008000;
|
||||
display: none;
|
||||
}
|
||||
#addOrRemoveTeam {
|
||||
background: #008000;
|
||||
color: #fff;
|
||||
}
|
||||
#divAddOrRemoveTeamContainer {
|
||||
display: none;
|
||||
margin: auto;
|
||||
width: 50%;
|
||||
border: 3px solid #008000;
|
||||
padding: 10px;
|
||||
}
|
||||
#cancelBtn {
|
||||
margin-left: 5% !important;
|
||||
background: #ffa500;
|
||||
color: #fff;
|
||||
}
|
||||
#deleteAction {
|
||||
margin-left: 5% !important;
|
||||
}
|
||||
|
|
@ -1,83 +0,0 @@
|
|||
.main-body
|
||||
overflow: scroll;
|
||||
|
||||
table
|
||||
color: #000;
|
||||
|
||||
td, th
|
||||
border: 1px solid #d2d0d0;
|
||||
text-align: left;
|
||||
padding: 8px;
|
||||
|
||||
tr:nth-child(even)
|
||||
background-color: #dddddd;
|
||||
|
||||
.ext-box
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
height: 34px;
|
||||
|
||||
.ext-box-left
|
||||
display: flex;
|
||||
width: 100%
|
||||
gap: 10px
|
||||
|
||||
span
|
||||
vertical-align: center;
|
||||
line-height: 34px;
|
||||
|
||||
input, button
|
||||
padding: 0;
|
||||
|
||||
button
|
||||
min-width: 90px;
|
||||
|
||||
.content-wrapper
|
||||
margin-top: 10px
|
||||
|
||||
.buttonsContainer
|
||||
display: flex
|
||||
|
||||
input
|
||||
margin: 0
|
||||
|
||||
div
|
||||
margin: auto
|
||||
|
||||
.more-settings-user,.more-settings-team,.more-settings-org
|
||||
margin-left: 10px;
|
||||
|
||||
.js-orgs,.js-orgsNewUser
|
||||
display: none;
|
||||
|
||||
.js-teams,.js-teamsNewUser
|
||||
display: none;
|
||||
|
||||
.selectUserChkBox,.allUserChkBox
|
||||
position: static !important;
|
||||
visibility: visible !important;
|
||||
left: 0 !important;
|
||||
display: block !important;
|
||||
|
||||
#divAddOrRemoveTeam
|
||||
background: green;
|
||||
display: none;
|
||||
|
||||
#addOrRemoveTeam
|
||||
background: green;
|
||||
color: white;
|
||||
|
||||
#divAddOrRemoveTeamContainer
|
||||
display: none;
|
||||
margin: auto;
|
||||
width: 50%;
|
||||
border: 3px solid green;
|
||||
padding: 10px;
|
||||
|
||||
#cancelBtn
|
||||
margin-left: 5% !important;
|
||||
background: orange;
|
||||
color: white;
|
||||
|
||||
#deleteAction
|
||||
margin-left: 5% !important;
|
||||
128
client/components/settings/settingBody.css
Normal file
128
client/components/settings/settingBody.css
Normal file
|
|
@ -0,0 +1,128 @@
|
|||
.flex,
|
||||
.setting-content .content-body .side-menu ul li a,
|
||||
.option {
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: -webkit-flex;
|
||||
display: -moz-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
.setting-content {
|
||||
color: #727479;
|
||||
background: #dedede;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
}
|
||||
.setting-content .content-title {
|
||||
font-size: 20px;
|
||||
}
|
||||
.setting-content .content-body {
|
||||
display: flex;
|
||||
padding-top: 15px;
|
||||
height: 100%;
|
||||
gap: 10px;
|
||||
}
|
||||
.setting-content .content-body .side-menu {
|
||||
background-color: #f7f7f7;
|
||||
border: 1px solid #f0f0f0;
|
||||
border-radius: 4px;
|
||||
width: 250px;
|
||||
box-shadow: inset -1px -1px 3px rgba(0,0,0,0.05);
|
||||
}
|
||||
.setting-content .content-body .side-menu ul li {
|
||||
margin: 0.1rem 0.2rem;
|
||||
}
|
||||
.setting-content .content-body .side-menu ul li.active {
|
||||
background: #fff;
|
||||
box-shadow: 0 1px 2px rgba(0,0,0,0.15);
|
||||
}
|
||||
.setting-content .content-body .side-menu ul li:hover {
|
||||
background: #fff;
|
||||
box-shadow: 0 1px 2px rgba(0,0,0,0.15);
|
||||
}
|
||||
.setting-content .content-body .side-menu ul li a {
|
||||
padding: 1rem 0 1rem 1rem;
|
||||
width: 95%;
|
||||
}
|
||||
.setting-content .content-body .side-menu ul li a span {
|
||||
font-size: 13px;
|
||||
}
|
||||
.setting-content .content-body .side-menu ul li a i {
|
||||
margin-right: 20px;
|
||||
}
|
||||
.setting-content .content-body .main-body {
|
||||
-webkit-user-select: text;
|
||||
-moz-user-select: text;
|
||||
-ms-user-select: text;
|
||||
user-select: text;
|
||||
}
|
||||
.setting-content .content-body .main-body ul li {
|
||||
padding: 0.5rem 0.5rem;
|
||||
}
|
||||
.setting-content .content-body .main-body ul li a .is-checked {
|
||||
border-bottom: 2px solid #2980b9;
|
||||
border-right: 2px solid #2980b9;
|
||||
}
|
||||
.setting-content .content-body .main-body ul li a span {
|
||||
padding: 0 0.5rem;
|
||||
}
|
||||
.setting-content .content-body .main-body ul li .admin-announcement,
|
||||
.setting-content .content-body .main-body ul li .invite-people,
|
||||
.setting-content .content-body .main-body ul li .layout {
|
||||
padding-left: 20px;
|
||||
}
|
||||
.setting-content .content-body .main-body ul li .admin-announcement li,
|
||||
.setting-content .content-body .main-body ul li .invite-people li,
|
||||
.setting-content .content-body .main-body ul li .layout li {
|
||||
min-width: 500px;
|
||||
}
|
||||
.setting-content .content-body .main-body ul li .admin-announcement li ul.no-margin-bottom,
|
||||
.setting-content .content-body .main-body ul li .invite-people li ul.no-margin-bottom,
|
||||
.setting-content .content-body .main-body ul li .layout li ul.no-margin-bottom {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.setting-content .content-body .main-body ul li .admin-announcement li .bg-white a,
|
||||
.setting-content .content-body .main-body ul li .invite-people li .bg-white a,
|
||||
.setting-content .content-body .main-body ul li .layout li .bg-white a {
|
||||
background: #f7f7f7;
|
||||
}
|
||||
.setting-content .content-body .main-body ul li .admin-announcement li .bg-white a.is-checked,
|
||||
.setting-content .content-body .main-body ul li .invite-people li .bg-white a.is-checked,
|
||||
.setting-content .content-body .main-body ul li .layout li .bg-white a.is-checked {
|
||||
background: #fff;
|
||||
}
|
||||
.setting-content .content-body .main-body ul li input[type=radio] {
|
||||
margin: 4px;
|
||||
}
|
||||
.option {
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
background: #fff;
|
||||
text-decoration: none;
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
|
||||
box-shadow: 0 1px 2px rgba(0,0,0,0.2);
|
||||
margin-top: 5px;
|
||||
padding: 5px;
|
||||
}
|
||||
.title {
|
||||
font-weight: 700;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.description {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.bg-white {
|
||||
background: #f9fbfc;
|
||||
}
|
||||
.wekan-form-control.has-error {
|
||||
border-color: #a94442;
|
||||
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
|
||||
}
|
||||
li.has-error {
|
||||
color: #a94442;
|
||||
}
|
||||
li.has-error .form-group .wekan-form-control {
|
||||
border-color: #a94442;
|
||||
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
|
||||
}
|
||||
|
|
@ -1,121 +0,0 @@
|
|||
.flex
|
||||
display: -webkit-box
|
||||
display: -moz-box
|
||||
display: -webkit-flex
|
||||
display: -moz-flex
|
||||
display: -ms-flexbox
|
||||
display: flex
|
||||
|
||||
.setting-content
|
||||
color: #727479
|
||||
background: #dedede
|
||||
width 100%
|
||||
position: absolute;
|
||||
|
||||
.content-title
|
||||
font-size 20px
|
||||
|
||||
.content-body
|
||||
display flex
|
||||
padding-top 15px
|
||||
height 100%
|
||||
gap: 10px;
|
||||
|
||||
.side-menu
|
||||
background-color: #f7f7f7;
|
||||
border: 1px solid #f0f0f0;
|
||||
border-radius: 4px;
|
||||
width: 250px;
|
||||
box-shadow: inset -1px -1px 3px rgba(0,0,0,.05);
|
||||
|
||||
ul
|
||||
|
||||
li
|
||||
margin: 0.1rem 0.2rem;
|
||||
|
||||
&.active
|
||||
background #fff
|
||||
box-shadow 0 1px 2px rgba(0,0,0,0.15);
|
||||
|
||||
&:hover
|
||||
background #fff
|
||||
box-shadow 0 1px 2px rgba(0,0,0,0.15);
|
||||
|
||||
a
|
||||
@extends .flex
|
||||
padding: 1rem 0 1rem 1rem
|
||||
width: 100% - 5rem
|
||||
|
||||
span
|
||||
font-size: 13px
|
||||
|
||||
i
|
||||
margin-right: 20px
|
||||
|
||||
.main-body
|
||||
-webkit-user-select: text // Safari 3.1+
|
||||
-moz-user-select: text // Firefox 2+
|
||||
-ms-user-select: text // IE 10+
|
||||
user-select: text // Standard syntax
|
||||
|
||||
ul
|
||||
li
|
||||
padding: 0.5rem 0.5rem;
|
||||
|
||||
a
|
||||
.is-checked
|
||||
border-bottom: 2px solid #2980b9;
|
||||
border-right: 2px solid #2980b9;
|
||||
|
||||
span
|
||||
padding: 0 0.5rem
|
||||
|
||||
.admin-announcement,
|
||||
.invite-people,
|
||||
.layout
|
||||
padding-left 20px;
|
||||
li
|
||||
min-width: 500px;
|
||||
|
||||
ul.no-margin-bottom
|
||||
margin-bottom: 0;
|
||||
|
||||
.bg-white
|
||||
a
|
||||
background #f7f7f7
|
||||
&.is-checked
|
||||
background #fff
|
||||
|
||||
input[type=radio]
|
||||
margin: 4px
|
||||
|
||||
.option
|
||||
@extends .flex
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
background: #fff;
|
||||
text-decoration: none;
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
|
||||
box-shadow: 0 1px 2px rgba(0,0,0,0.2);
|
||||
margin-top: 5px;
|
||||
padding: 5px;
|
||||
|
||||
.title
|
||||
font-weight 700;
|
||||
margin-bottom 0.5rem;
|
||||
.description
|
||||
margin-bottom 0.5rem;
|
||||
.bg-white
|
||||
background #f9fbfc;
|
||||
|
||||
.wekan-form-control.has-error
|
||||
border-color: #a94442;
|
||||
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
|
||||
|
||||
li.has-error
|
||||
color #a94442
|
||||
.form-group
|
||||
.wekan-form-control
|
||||
border-color: #a94442;
|
||||
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
|
||||
|
||||
27
client/components/settings/settingHeader.css
Normal file
27
client/components/settings/settingHeader.css
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
#header #header-main-bar .setting-header-btn {
|
||||
color: #f2f2f2;
|
||||
margin-left: 20px;
|
||||
padding-right: 10px;
|
||||
height: 28px;
|
||||
font-size: 13px;
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
line-height: 28px;
|
||||
margin: 0 2px;
|
||||
}
|
||||
#header #header-main-bar .setting-header-btn.active,
|
||||
#header #header-main-bar .setting-header-btn:hover:not(.is-disabled) {
|
||||
background: rgba(0,0,0,0.15);
|
||||
}
|
||||
#header #header-main-bar .setting-header-btn i.fa {
|
||||
float: left;
|
||||
display: block;
|
||||
line-height: 28px;
|
||||
color: #f2f2f2;
|
||||
margin: 0 10px;
|
||||
}
|
||||
#header #header-main-bar .setting-header-btn + span {
|
||||
display: inline-block;
|
||||
margin-top: 1px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
|
@ -1,25 +0,0 @@
|
|||
#header #header-main-bar .setting-header-btn
|
||||
&.active,
|
||||
&:hover:not(.is-disabled)
|
||||
background: rgba(0, 0, 0, .15)
|
||||
color: darken(white, 5%)
|
||||
margin-left: 20px;
|
||||
padding-right: 10px;
|
||||
height: 28px;
|
||||
font-size: 13px;
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
line-height: @height;
|
||||
margin: 0 2px;
|
||||
|
||||
i.fa
|
||||
float: left
|
||||
display: block
|
||||
line-height: 28px
|
||||
color: darken(white, 5%)
|
||||
margin: 0 10px
|
||||
|
||||
+ span
|
||||
display: inline-block
|
||||
margin-top: 1px
|
||||
margin-right: 10px
|
||||
Loading…
Add table
Add a link
Reference in a new issue