Minor CSS fix for large screens

pull/1517/head
Piero Toffanin 2024-07-02 13:04:58 -04:00
rodzic 0be7e5c46e
commit 7baf02eac5
2 zmienionych plików z 8 dodań i 2 usunięć

Wyświetl plik

@ -739,7 +739,7 @@ class TaskListItem extends React.Component {
/> />
: ""} : ""}
<div className="row"> <div className="row">
<div className="col-xs-7 col-sm-6 col-md-5 name"> <div className="col-xs-7 col-sm-6 col-md-5 col-lg-6 name">
<i onClick={this.toggleExpanded} className={"clickable far " + (this.state.expanded ? "fa-minus-square" : " fa-plus-square")}></i> <a href="javascript:void(0);" onClick={this.toggleExpanded} className="name-link">{name}</a> <i onClick={this.toggleExpanded} className={"clickable far " + (this.state.expanded ? "fa-minus-square" : " fa-plus-square")}></i> <a href="javascript:void(0);" onClick={this.toggleExpanded} className="name-link">{name}</a>
{userTags.length > 0 ? {userTags.length > 0 ?
userTags.map((t, i) => <div key={i} className="tag-badge small-badge" onClick={this.handleTagClick(t)}>{t}</div>) userTags.map((t, i) => <div key={i} className="tag-badge small-badge" onClick={this.handleTagClick(t)}>{t}</div>)
@ -751,7 +751,7 @@ class TaskListItem extends React.Component {
<div className="col-md-2 hidden-xs hidden-sm details"> <div className="col-md-2 hidden-xs hidden-sm details">
<i className="far fa-clock"></i> {this.hoursMinutesSecs(this.state.time)} <i className="far fa-clock"></i> {this.hoursMinutesSecs(this.state.time)}
</div> </div>
<div className="col-xs-5 col-sm-6 col-md-4 actions"> <div className="col-xs-5 col-sm-6 col-md-4 col-lg-3 actions">
{showEditLink ? {showEditLink ?
<a href="javascript:void(0);" onClick={this.startEditing}>{statusLabel}</a> <a href="javascript:void(0);" onClick={this.startEditing}>{statusLabel}</a>
: statusLabel} : statusLabel}

Wyświetl plik

@ -78,6 +78,12 @@
padding: 0; padding: 0;
} }
margin-bottom: 12px; margin-bottom: 12px;
@media screen and (min-width: 1200px) {
tr td:first-child {
width: 20%;
max-width: 150px;
}
}
} }
.task-warning{ .task-warning{