mirror of
https://github.com/wekan/wekan.git
synced 2025-12-30 14:18:48 +01:00
874 lines
21 KiB
CSS
874 lines
21 KiB
CSS
/* Date Format Selector */
|
|
.card-details-item-date-format {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.card-details-item-date-format .card-details-item-title {
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
margin-bottom: 5px;
|
|
color: #333;
|
|
}
|
|
|
|
.card-details-item-date-format .js-date-format-selector {
|
|
width: 100%;
|
|
padding: 8px;
|
|
border: 1px solid #ddd;
|
|
border-radius: 4px;
|
|
background-color: #fff;
|
|
font-size: 14px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.card-details-item-date-format .js-date-format-selector:focus {
|
|
outline: none;
|
|
border-color: #007cba;
|
|
box-shadow: 0 0 0 2px rgba(0, 124, 186, 0.2);
|
|
}
|
|
|
|
.assignee {
|
|
border-radius: 3px;
|
|
display: block;
|
|
position: relative;
|
|
float: left;
|
|
height: clamp(24px, 3.5vw, 36px);
|
|
width: clamp(24px, 3.5vw, 36px);
|
|
margin: .3vh;
|
|
cursor: pointer;
|
|
user-select: none;
|
|
z-index: 1;
|
|
text-decoration: none;
|
|
border-radius: 50%;
|
|
}
|
|
.assignee .avatar {
|
|
overflow: hidden;
|
|
border-radius: 50%;
|
|
}
|
|
.assignee .avatar.avatar-assignee-initials {
|
|
height: 70%;
|
|
width: 70%;
|
|
padding: 15%;
|
|
background-color: #dbdbdb;
|
|
color: #444;
|
|
position: absolute;
|
|
}
|
|
.assignee .avatar.avatar-image {
|
|
object-fit: cover;
|
|
object-position: center;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
.assignee .assignee-presence-status {
|
|
background-color: #b3b3b3;
|
|
border: 1px solid #fff;
|
|
border-radius: 50%;
|
|
height: 7px;
|
|
width: 7px;
|
|
position: absolute;
|
|
right: -1px;
|
|
bottom: -1px;
|
|
border: 1px solid #fff;
|
|
z-index: 15;
|
|
}
|
|
.assignee .assignee-presence-status.active {
|
|
background: #64c464;
|
|
border-color: #daf1da;
|
|
}
|
|
.assignee .assignee-presence-status.idle {
|
|
background: #e4e467;
|
|
border-color: #f7f7d4;
|
|
}
|
|
.assignee .assignee-presence-status.disconnected {
|
|
background: #bdbdbd;
|
|
border-color: #ededed;
|
|
}
|
|
.assignee .assignee-presence-status.pending {
|
|
background: #e44242;
|
|
border-color: #f1dada;
|
|
}
|
|
.assignee.add-assignee {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
box-shadow: 0 0 0 2px #bfbfbf inset;
|
|
}
|
|
.assignee.add-assignee:hover,
|
|
.assignee.add-assignee.is-active {
|
|
box-shadow: 0 0 0 2px #666 inset;
|
|
}
|
|
.copied-tooltip {
|
|
display: none;
|
|
padding: 0 1.3vw;
|
|
background-color: rgba(0,0,0,0.875);
|
|
color: #fff;
|
|
border-radius: 0.7vw;
|
|
}
|
|
.card-details {
|
|
padding: 0;
|
|
flex-shrink: 0;
|
|
flex-basis: min(600px, 80vw);
|
|
will-change: flex-basis;
|
|
overflow-y: scroll;
|
|
overflow-x: hidden;
|
|
background: #f7f7f7;
|
|
border-radius: bottom 0.4vw;
|
|
z-index: 30;
|
|
animation: flexGrowIn 0.1s;
|
|
box-shadow: 0 0 0.9vh 0 #b3b3b3;
|
|
transition: flex-basis 0.1s;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/* Desktop mode: position card below board header */
|
|
body.desktop-mode .card-details:not(.card-details-popup) {
|
|
position: fixed;
|
|
width: auto;
|
|
max-width: 800px;
|
|
flex-basis: auto;
|
|
border-radius: 8px;
|
|
z-index: 100;
|
|
}
|
|
|
|
/* Default position for first card or when dragged */
|
|
body.desktop-mode .card-details:not(.card-details-popup):not([style*="left"]):not([style*="top"]) {
|
|
top: 50px;
|
|
left: 20px;
|
|
right: 20px;
|
|
bottom: 20px;
|
|
}
|
|
|
|
/* Stagger positions for multiple cards using nth-of-type */
|
|
body.desktop-mode .card-details:not(.card-details-popup):nth-of-type(1) {
|
|
top: 50px;
|
|
left: 20px;
|
|
}
|
|
body.desktop-mode .card-details:not(.card-details-popup):nth-of-type(2) {
|
|
top: 80px;
|
|
left: 50px;
|
|
}
|
|
body.desktop-mode .card-details:not(.card-details-popup):nth-of-type(3) {
|
|
top: 110px;
|
|
left: 80px;
|
|
}
|
|
body.desktop-mode .card-details:not(.card-details-popup):nth-of-type(4) {
|
|
top: 140px;
|
|
left: 110px;
|
|
}
|
|
body.desktop-mode .card-details:not(.card-details-popup):nth-of-type(5) {
|
|
top: 170px;
|
|
left: 140px;
|
|
}
|
|
|
|
/* For expanded cards, set dimensions */
|
|
body.desktop-mode .card-details:not(.card-details-popup):not(.card-details-collapsed) {
|
|
right: 20px;
|
|
bottom: 20px;
|
|
}
|
|
|
|
/* Collapsed card state - hide content and set height to title row only */
|
|
.card-details.card-details-collapsed .card-details-canvas > *:not(.card-details-header) {
|
|
display: none;
|
|
}
|
|
.card-details.card-details-collapsed {
|
|
height: auto !important;
|
|
bottom: auto !important;
|
|
overflow: visible;
|
|
}
|
|
body.desktop-mode .card-details.card-details-collapsed {
|
|
bottom: auto !important;
|
|
}
|
|
.card-details .mCustomScrollBox {
|
|
padding-left: 0;
|
|
}
|
|
.card-details .card-details-canvas {
|
|
width: auto;
|
|
padding: 0 2.5vw;
|
|
}
|
|
.card-details .card-details-header {
|
|
margin: 0 -20px 5px;
|
|
padding: 7px 20px;
|
|
background: #ededed;
|
|
border-bottom: 1px solid #dbdbdb;
|
|
position: sticky;
|
|
top: 0px;
|
|
z-index: 500;
|
|
}
|
|
.card-details .card-details-header .card-number {
|
|
color: #b3b3b3;
|
|
display: inline-block;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
/* Collapse toggle triangle */
|
|
.card-details .card-details-header .card-collapse-toggle {
|
|
float: left;
|
|
font-size: 20px;
|
|
padding: 7px 10px;
|
|
margin-left: -10px;
|
|
margin-right: 5px;
|
|
cursor: pointer;
|
|
user-select: none;
|
|
color: #000;
|
|
}
|
|
|
|
/* Bring to front / Send to back buttons */
|
|
.card-details .card-details-header .card-bring-to-front,
|
|
.card-details .card-details-header .card-send-to-back {
|
|
float: right;
|
|
font-size: 18px;
|
|
padding: 7px 8px;
|
|
margin-right: 5px;
|
|
cursor: pointer;
|
|
user-select: none;
|
|
color: #333;
|
|
}
|
|
|
|
.card-details .card-details-header .card-bring-to-front:hover,
|
|
.card-details .card-details-header .card-send-to-back:hover {
|
|
color: #000;
|
|
background: rgba(0,0,0,0.05);
|
|
border-radius: 3px;
|
|
}
|
|
|
|
/* Drag handle */
|
|
.card-details .card-details-header .card-drag-handle {
|
|
font-size: 20px;
|
|
padding: 8px 10px;
|
|
margin-right: 10px;
|
|
cursor: move;
|
|
user-select: none;
|
|
display: inline-block;
|
|
float: right;
|
|
}
|
|
|
|
.card-details .card-details-header .close-card-details,
|
|
.card-details .card-details-header .maximize-card-details,
|
|
.card-details .card-details-header .minimize-card-details,
|
|
.card-details .card-details-header .card-details-menu,
|
|
.card-details .card-details-header .card-copy-button,
|
|
.card-details .card-details-header .card-copy-mobile-button,
|
|
.card-details .card-details-header .close-card-details-mobile-web,
|
|
.card-details .card-details-header .card-details-menu-mobile-web,
|
|
.card-details .card-details-header .copied-tooltip {
|
|
float: right;
|
|
}
|
|
.card-details .card-details-header .close-card-details,
|
|
.card-details .card-details-header .maximize-card-details,
|
|
.card-details .card-details-header .minimize-card-details {
|
|
font-size: 24px;
|
|
padding: 5px 10px 5px 10px;
|
|
margin-right: -8px;
|
|
cursor: pointer;
|
|
user-select: none;
|
|
}
|
|
.card-details .card-details-header .close-card-details-mobile-web,
|
|
.card-details .card-details-header .card-mobile-desktop-toggle {
|
|
font-size: 24px;
|
|
padding: 5px;
|
|
margin-right: 5px;
|
|
cursor: pointer;
|
|
user-select: none;
|
|
}
|
|
.card-details .card-details-header .card-copy-button {
|
|
font-size: 17px;
|
|
padding: 10px;
|
|
margin-right: 10px;
|
|
}
|
|
.card-details .card-details-header .card-copy-mobile-button {
|
|
font-size: 17px;
|
|
padding: 10px;
|
|
margin-right: 10px;
|
|
}
|
|
.card-details .card-details-header .card-details-menu {
|
|
font-size: 17px;
|
|
padding: 10px;
|
|
}
|
|
.card-details .card-details-header .card-details-menu-mobile-web {
|
|
font-size: 17px;
|
|
padding: 10px;
|
|
margin-right: 30px;
|
|
}
|
|
.card-details .card-details-header .card-mobile-desktop-toggle,
|
|
.card-details .card-details-header .card-zoom-in,
|
|
.card-details .card-details-header .card-zoom-out {
|
|
font-size: 24px;
|
|
padding: 5px 10px 5px 10px;
|
|
margin-right: 5px;
|
|
cursor: pointer;
|
|
user-select: none;
|
|
float: right;
|
|
}
|
|
|
|
/* Unify all card text to match title size */
|
|
.card-details {
|
|
font-size: 1em;
|
|
}
|
|
.card-details p,
|
|
.card-details span,
|
|
.card-details div,
|
|
.card-details a,
|
|
.card-details label,
|
|
.card-details input,
|
|
.card-details textarea,
|
|
.card-details select,
|
|
.card-details button,
|
|
.card-details .card-details-item-title,
|
|
.card-details .card-label,
|
|
.card-details .viewer {
|
|
font-size: inherit;
|
|
line-height: 1.4;
|
|
}
|
|
.card-details .card-details-header .card-details-watch {
|
|
font-size: 17px;
|
|
padding-left: 7px;
|
|
color: #a6a6a6;
|
|
}
|
|
.card-details .card-details-header .card-details-title {
|
|
font-weight: bold;
|
|
font-size: 1.33em;
|
|
margin: 7px 0 0;
|
|
padding: 0;
|
|
}
|
|
.card-details .card-details-header .linked-card-location {
|
|
font-style: italic;
|
|
font-size: 1em;
|
|
margin-bottom: 0;
|
|
}
|
|
.card-details .card-details-header .linked-card-location p {
|
|
margin-bottom: 0;
|
|
}
|
|
.card-details .card-details-header form.inlined-form {
|
|
margin-top: 5px;
|
|
margin-bottom: 10px;
|
|
}
|
|
.card-details .card-details-header form.inlined-form .copied-tooltip {
|
|
padding: 0px 10px;
|
|
}
|
|
.card-details .card-details-header .card-details-list {
|
|
font-size: 0.85em;
|
|
margin-bottom: 3px;
|
|
}
|
|
.card-details .card-details-header .card-details-list a.card-details-list-title {
|
|
font-weight: bold;
|
|
}
|
|
.card-details .card-details-header .card-details-list a.card-details-list-title.is-editable {
|
|
display: inline-block;
|
|
background: #e6e6e6;
|
|
border-radius: 3px;
|
|
padding: 0px 5px;
|
|
}
|
|
.card-details .card-details-header .copied-tooltip {
|
|
margin-right: 10px;
|
|
padding: 10px;
|
|
}
|
|
.card-details .card-description i.fa.fa-pencil-square-o {
|
|
float: right;
|
|
}
|
|
.card-details .card-description textarea {
|
|
min-height: 100px;
|
|
}
|
|
.card-details .card-details-items {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
margin: 15px 0;
|
|
}
|
|
.card-details .card-details-items .card-details-item {
|
|
margin-right: 0.5em;
|
|
flex-grow: 1;
|
|
}
|
|
.card-details .card-details-items .card-details-item:last-child {
|
|
margin-right: 0;
|
|
}
|
|
.card-details .card-details-items .card-details-item.card-details-item-labels {
|
|
display: block;
|
|
word-wrap: break-word;
|
|
max-width: 95%;
|
|
}
|
|
.card-details .card-details-items .card-details-item.card-details-item-members,
|
|
.card-details .card-details-items .card-details-item.card-details-item-assignees,
|
|
.card-details .card-details-items .card-details-item.card-details-item-customfield,
|
|
.card-details .card-details-items .card-details-item.card-details-item-name {
|
|
display: block;
|
|
word-wrap: break-word;
|
|
max-width: 36%;
|
|
}
|
|
.card-details .card-details-items .card-details-item.card-details-item-creator,
|
|
.card-details .card-details-items .card-details-item.card-details-item-received,
|
|
.card-details .card-details-items .card-details-item.card-details-item-start,
|
|
.card-details .card-details-items .card-details-item.card-details-item-due,
|
|
.card-details .card-details-items .card-details-item.card-details-item-end {
|
|
display: block;
|
|
word-wrap: break-word;
|
|
max-width: 28%;
|
|
}
|
|
.card-details .card-details-items .card-details-item.custom-fields {
|
|
padding-left: 10px;
|
|
}
|
|
.card-details .card-details-item-title {
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
color: #4d4d4d;
|
|
}
|
|
.card-details .activities {
|
|
padding-top: 10px;
|
|
}
|
|
@media screen and (min-width: 801px) {
|
|
.card-details {
|
|
top: 97px;
|
|
left: calc(50% - (600px / 2));
|
|
width: 600px;
|
|
bottom: 0;
|
|
position: fixed;
|
|
resize: both;
|
|
}
|
|
|
|
/* Override for mobile mode even on larger screens */
|
|
body.mobile-mode .card-details {
|
|
width: 100vw !important;
|
|
top: 0 !important;
|
|
left: 0 !important;
|
|
right: 0 !important;
|
|
bottom: 0 !important;
|
|
height: 100vh !important;
|
|
max-height: 100vh !important;
|
|
resize: none !important;
|
|
}
|
|
|
|
.card-details-maximized {
|
|
padding: 0;
|
|
flex-shrink: 0;
|
|
flex-basis: calc(100% - 20px);
|
|
will-change: flex-basis;
|
|
overflow-y: scroll;
|
|
overflow-x: scroll;
|
|
background: #f7f7f7;
|
|
border-radius: bottom 3px;
|
|
z-index: 100;
|
|
animation: flexGrowIn 0.1s;
|
|
box-shadow: 0 0 7px 0 #b3b3b3;
|
|
transition: flex-basis 0.1s;
|
|
box-sizing: border-box;
|
|
top: 97px;
|
|
left: 0px;
|
|
height: calc(100% - 100px);
|
|
width: calc(100% - 20px);
|
|
float: left;
|
|
}
|
|
.card-details-maximized .card-details-left {
|
|
float: left;
|
|
top: 60px;
|
|
left: 20px;
|
|
width: 47%;
|
|
border-right: solid 2px #dbdbdb;
|
|
padding-right: 10px;
|
|
}
|
|
.card-details-maximized .card-details-right {
|
|
position: absolute;
|
|
float: right;
|
|
left: 50%;
|
|
margin: 15px 0;
|
|
}
|
|
.card-details-maximized .card-details-header {
|
|
width: 100%;
|
|
}
|
|
}
|
|
input[type="text"].attachment-add-link-input {
|
|
float: left;
|
|
margin: 0 0 8px;
|
|
width: 80%;
|
|
}
|
|
input[type="submit"].attachment-add-link-submit {
|
|
float: left;
|
|
margin: 0 0 8px 4px;
|
|
padding: 6px 12px;
|
|
width: 18%;
|
|
}
|
|
@media screen and (max-width: 800px) {
|
|
.card-details {
|
|
width: 100% !important;
|
|
padding: 0px 0px 0px 0px !important;
|
|
margin: 0px !important;
|
|
transition: none;
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
/* iOS Safari specific fixes */
|
|
-webkit-overflow-scrolling: touch;
|
|
position: fixed !important;
|
|
top: 0 !important;
|
|
left: 0 !important;
|
|
right: 0 !important;
|
|
bottom: 0 !important;
|
|
z-index: 100 !important;
|
|
height: 100vh !important;
|
|
max-height: 100vh !important;
|
|
border-radius: 0 !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
/* Ensure card details are above everything on mobile */
|
|
body.mobile-mode .card-details {
|
|
z-index: 100 !important;
|
|
width: 100vw !important;
|
|
left: 0 !important;
|
|
right: 0 !important;
|
|
}
|
|
.card-details .card-details-canvas {
|
|
width: 100%;
|
|
padding-left: 0px;
|
|
padding: 0 15px;
|
|
}
|
|
.card-details .card-details-header .close-card-details {
|
|
margin-right: 0px;
|
|
display: block !important;
|
|
}
|
|
.card-details .card-details-header .close-card-details-mobile-web {
|
|
display: block !important;
|
|
margin-right: 5px !important;
|
|
}
|
|
.card-details .card-details-header .card-mobile-desktop-toggle {
|
|
display: block !important;
|
|
margin-right: 5px !important;
|
|
}
|
|
.card-details .card-details-header .card-mobile-desktop-toggle {
|
|
display: block !important;
|
|
margin-right: 5px !important;
|
|
}
|
|
.card-details .card-details-header .card-details-menu {
|
|
margin-right: 40px;
|
|
}
|
|
.card-details .card-details-header .maximize-card-details {
|
|
margin-right: 40px;
|
|
}
|
|
.card-details .card-details-header .minimize-card-details {
|
|
margin-right: 40px;
|
|
}
|
|
.card-details-popup {
|
|
padding: 0px 10px;
|
|
}
|
|
.pop-over > .content-wrapper > .popup-container-depth-0 {
|
|
width: 100%;
|
|
}
|
|
.pop-over > .content-wrapper > .popup-container-depth-0 > .content {
|
|
width: calc(100% - 10px);
|
|
}
|
|
.pop-over > .content-wrapper > .popup-container-depth-0 > .content > .card-details-popup hr {
|
|
margin: 15px 0px;
|
|
}
|
|
.pop-over > .content-wrapper > .popup-container-depth-0 .card-details-header {
|
|
margin: 0;
|
|
}
|
|
/* iPhone mobile: enlarge header buttons and increase spacing */
|
|
body.mobile-mode.iphone-device .card-details .card-details-header {
|
|
padding-right: 16px;
|
|
}
|
|
body.mobile-mode.iphone-device .card-details .card-details-header .close-card-details,
|
|
body.mobile-mode.iphone-device .card-details .card-details-header .maximize-card-details,
|
|
body.mobile-mode.iphone-device .card-details .card-details-header .minimize-card-details,
|
|
body.mobile-mode.iphone-device .card-details .card-details-header .card-details-menu-mobile-web,
|
|
body.mobile-mode.iphone-device .card-details .card-details-header .card-copy-mobile-button,
|
|
body.mobile-mode.iphone-device .card-details .card-details-header .card-mobile-desktop-toggle,
|
|
body.mobile-mode.iphone-device .card-details .card-details-header .card-zoom-in,
|
|
body.mobile-mode.iphone-device .card-details .card-details-header .card-zoom-out {
|
|
font-size: 2em !important; /* 2x bigger */
|
|
padding: 0.3em !important;
|
|
margin-right: 0.75em !important; /* 2x space compared to default */
|
|
margin-left: 0 !important;
|
|
}
|
|
/* Avoid clipping of the close button on the right edge */
|
|
body.mobile-mode.iphone-device .card-details .card-details-header .close-card-details {
|
|
margin-right: 0.75em !important;
|
|
}
|
|
/* Enlarge the header title too */
|
|
body.mobile-mode.iphone-device .card-details .card-details-header .card-details-title {
|
|
font-size: 1.2em !important;
|
|
font-weight: bold;
|
|
}
|
|
}
|
|
|
|
/* Mobile mode styles - apply when body has mobile-mode class regardless of screen size */
|
|
body.mobile-mode .card-details {
|
|
width: 100vw !important;
|
|
padding: 0px !important;
|
|
margin: 0px !important;
|
|
position: fixed !important;
|
|
top: 0 !important;
|
|
left: 0 !important;
|
|
right: 0 !important;
|
|
bottom: 0 !important;
|
|
z-index: 100 !important;
|
|
height: 100vh !important;
|
|
max-height: 100vh !important;
|
|
border-radius: 0 !important;
|
|
box-shadow: none !important;
|
|
overflow-y: auto !important;
|
|
overflow-x: hidden !important;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
|
|
body.mobile-mode .card-details .card-details-canvas {
|
|
width: 100% !important;
|
|
padding: 0 15px !important;
|
|
}
|
|
|
|
body.mobile-mode .card-details .card-details-header .close-card-details,
|
|
body.mobile-mode .card-details .card-details-header .close-card-details-mobile-web {
|
|
display: block !important;
|
|
}
|
|
.card-details-white {
|
|
background: #fff !important;
|
|
color: #000 !important;
|
|
border: 1px solid #eee;
|
|
}
|
|
.card-details-green {
|
|
background: #3cb500 !important;
|
|
color: #fff !important;
|
|
}
|
|
.card-details-yellow {
|
|
background: #fad900 !important;
|
|
color: #000 !important;
|
|
}
|
|
.card-details-orange {
|
|
background: #ff9f19 !important;
|
|
color: #000 !important;
|
|
}
|
|
.card-details-red {
|
|
background: #eb4646 !important;
|
|
color: #fff !important;
|
|
}
|
|
.card-details-purple {
|
|
background: #a632db !important;
|
|
color: #fff !important;
|
|
}
|
|
.card-details-blue {
|
|
background: #0079bf !important;
|
|
color: #fff !important;
|
|
}
|
|
.card-details-pink {
|
|
background: #ff78cb !important;
|
|
color: #000 !important;
|
|
}
|
|
.card-details-sky {
|
|
background: #00c2e0 !important;
|
|
color: #fff !important;
|
|
}
|
|
.card-details-black {
|
|
background: #4d4d4d !important;
|
|
color: #fff !important;
|
|
}
|
|
.card-details-lime {
|
|
background: #51e898 !important;
|
|
color: #000 !important;
|
|
}
|
|
.card-details-silver {
|
|
background: #c0c0c0 !important;
|
|
color: #000 !important;
|
|
}
|
|
.card-details-peachpuff {
|
|
background: #ffdab9 !important;
|
|
color: #000 !important;
|
|
}
|
|
.card-details-crimson {
|
|
background: #dc143c !important;
|
|
color: #fff !important;
|
|
}
|
|
.card-details-plum {
|
|
background: #dda0dd !important;
|
|
color: #000 !important;
|
|
}
|
|
.card-details-darkgreen {
|
|
background: #006400 !important;
|
|
color: #fff !important;
|
|
}
|
|
.card-details-slateblue {
|
|
background: #6a5acd !important;
|
|
color: #fff !important;
|
|
}
|
|
.card-details-magenta {
|
|
background: #f0f !important;
|
|
color: #fff !important;
|
|
}
|
|
.card-details-gold {
|
|
background: #ffd700 !important;
|
|
color: #000 !important;
|
|
}
|
|
.card-details-navy {
|
|
background: #000080 !important;
|
|
color: #fff !important;
|
|
}
|
|
.card-details-gray {
|
|
background: #808080 !important;
|
|
color: #fff !important;
|
|
}
|
|
.card-details-saddlebrown {
|
|
background: #8b4513 !important;
|
|
color: #fff !important;
|
|
}
|
|
.card-details-paleturquoise {
|
|
background: #afeeee !important;
|
|
color: #000 !important;
|
|
}
|
|
.card-details-mistyrose {
|
|
background: #ffe4e1 !important;
|
|
color: #000 !important;
|
|
}
|
|
.card-details-indigo {
|
|
background: #4b0082 !important;
|
|
color: #fff !important;
|
|
}
|
|
.voted {
|
|
opacity: 0.7;
|
|
}
|
|
.vote-title {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.vote-title .js-edit-date {
|
|
align-self: baseline;
|
|
margin-left: 5px;
|
|
}
|
|
.vote-result {
|
|
display: flex;
|
|
}
|
|
.js-show-positive-votes {
|
|
cursor: pointer;
|
|
}
|
|
.poker-voted {
|
|
opacity: 0.7;
|
|
}
|
|
.poker-title {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.poker-title .js-edit-date {
|
|
align-self: baseline;
|
|
margin-left: 5px;
|
|
}
|
|
.poker-result {
|
|
display: flex;
|
|
flex-flow: row wrap;
|
|
}
|
|
.js-show-positive-poker-votes {
|
|
cursor: pointer;
|
|
}
|
|
.poker-deck {
|
|
display: grid;
|
|
flex-direction: column;
|
|
text-align: center;
|
|
}
|
|
.poker-card-result {
|
|
width: 32px;
|
|
font-size: 1em;
|
|
font-weight: bold;
|
|
padding: 4px 2px 4px 2px;
|
|
cursor: default;
|
|
}
|
|
.winner {
|
|
font-weight: bold;
|
|
outline: #2d2d2d solid 2px;
|
|
}
|
|
.loser {
|
|
opacity: 0.5;
|
|
}
|
|
.responsive-table {
|
|
overflow-x: auto;
|
|
}
|
|
.poker-table {
|
|
display: table;
|
|
width: 100%;
|
|
padding-top: 10px;
|
|
}
|
|
.poker-table-row {
|
|
display: table-row;
|
|
}
|
|
.poker-table-heading {
|
|
background-color: #eee;
|
|
display: table-header-group;
|
|
}
|
|
.poker-table-cell {
|
|
display: table-cell;
|
|
padding: 0 0 5px 2px;
|
|
border-bottom: 1px solid #d2d0d0;
|
|
text-align: center;
|
|
min-width: 45px;
|
|
}
|
|
.poker-table-cell-who {
|
|
width: 150px;
|
|
vertical-align: middle;
|
|
}
|
|
.poker-table-heading-left,
|
|
.poker-table-heading-right {
|
|
display: table-header-group;
|
|
font-weight: bold;
|
|
border-top: 1px solid #808080;
|
|
}
|
|
@media (max-width: 400px) {
|
|
.poker-table-heading-right {
|
|
display: none;
|
|
}
|
|
}
|
|
.poker-table-body {
|
|
display: table-row-group;
|
|
}
|
|
.poker-table-side-left,
|
|
.poker-table-side-right {
|
|
display: inline-block;
|
|
}
|
|
.poker-table-side-right {
|
|
padding-left: 10px;
|
|
}
|
|
@media (max-width: 400px) {
|
|
.poker-table-side-right {
|
|
padding-left: 0px;
|
|
}
|
|
}
|
|
.estimation-add {
|
|
display: block;
|
|
overflow: auto;
|
|
margin-top: 15px;
|
|
margin-bottom: 5px;
|
|
}
|
|
.estimation-add input {
|
|
display: inline-block;
|
|
float: right;
|
|
margin: auto;
|
|
margin-right: 10px;
|
|
width: 100px;
|
|
}
|
|
.estimation-add button {
|
|
display: inline-block;
|
|
float: right;
|
|
margin: auto;
|
|
}
|
|
.poker-card {
|
|
width: 48px;
|
|
height: 72px;
|
|
float: left;
|
|
background: #fff;
|
|
border-radius: 5px;
|
|
display: table;
|
|
box-sizing: border-box;
|
|
padding: 5px;
|
|
margin: 3px;
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
text-shadow: #2d2d2d 1px 1px 0;
|
|
box-shadow: 0 0 5px #aaa;
|
|
text-align: center;
|
|
position: relative;
|
|
cursor: pointer;
|
|
}
|
|
.poker-card .inner {
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
border-radius: 5px;
|
|
overflow: hidden;
|
|
background-color: #cecece;
|
|
}
|
|
|
|
/* Drag and drop file upload visual feedback */
|
|
.js-card-details.is-dragging-over {
|
|
border: 2px dashed #0079bf;
|
|
background-color: #e3f2fd !important;
|
|
transform: scale(1.01);
|
|
transition: all 0.2s ease;
|
|
}
|