repo-wrapped 0.0.7 → 0.0.9

package/dist/html/shared/styles/knowledge.css

@@ -0,0 +1,242 @@
+/* === Knowledge Distribution Section === */
+
+/* Deep Analysis Badge */
+.deep-analysis-badge {
+  display: inline-block;
+  background: var(--accent-blue);
+  color: var(--text-primary);
+  font-size: var(--font-size-xs);
+  font-weight: var(--font-weight-medium);
+  padding: var(--spacing-xs) var(--spacing-sm);
+  border-radius: var(--radius-full);
+  margin-left: var(--spacing-sm);
+  vertical-align: middle;
+}
+
+/* Knowledge Table */
+.knowledge-table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.knowledge-table th.expandable-header {
+  padding-left: calc(var(--spacing-md) + 16px);
+}
+
+/* Expandable Rows */
+.expandable-row {
+  cursor: pointer;
+  transition: background-color var(--transition-fast);
+}
+
+.expandable-row:hover {
+  background-color: var(--bg-secondary);
+}
+
+.expandable-row:focus {
+  outline: 2px solid var(--accent-blue);
+  outline-offset: -2px;
+}
+
+.expandable-row .dir-path {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-xs);
+}
+
+.expand-icon {
+  display: inline-block;
+  width: 16px;
+  font-size: 10px;
+  color: var(--text-secondary);
+  transition: transform var(--transition-fast);
+}
+
+.expandable-row.expanded .expand-icon {
+  transform: rotate(90deg);
+}
+
+/* Last Activity Column */
+.last-activity {
+  font-family: var(--font-mono);
+  font-size: var(--font-size-sm);
+  color: var(--text-secondary);
+}
+
+/* Expanded Content Row */
+.expanded-content {
+  background: var(--bg-secondary);
+}
+
+.expanded-content.hidden {
+  display: none;
+}
+
+.expansion-panel {
+  padding: var(--spacing-md) var(--spacing-lg);
+  overflow: hidden;
+  transition: max-height 0.3s ease-out, opacity 0.2s ease-out;
+}
+
+/* Contributor Breakdown */
+.contributor-breakdown {
+  margin-bottom: var(--spacing-lg);
+}
+
+.contributor-breakdown h4,
+.file-breakdown h4 {
+  font-size: var(--font-size-sm);
+  font-weight: var(--font-weight-semibold);
+  color: var(--text-secondary);
+  margin-bottom: var(--spacing-sm);
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+
+.contributors-list {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
+  gap: var(--spacing-md);
+}
+
+.contributor-item {
+  background: var(--bg-tertiary);
+  border-radius: var(--radius-md);
+  padding: var(--spacing-sm) var(--spacing-md);
+}
+
+.contributor-name {
+  font-weight: var(--font-weight-medium);
+  color: var(--text-primary);
+  display: block;
+  margin-bottom: var(--spacing-xs);
+}
+
+.contributor-stats {
+  display: flex;
+  gap: var(--spacing-md);
+  font-size: var(--font-size-xs);
+  color: var(--text-secondary);
+  margin-bottom: var(--spacing-xs);
+}
+
+.contributor-commits {
+  color: var(--text-secondary);
+}
+
+.contributor-percent {
+  font-weight: var(--font-weight-medium);
+  color: var(--accent-blue);
+}
+
+.contributor-age {
+  font-family: var(--font-mono);
+}
+
+.contributor-bar {
+  height: 4px;
+  background: var(--bg-primary);
+  border-radius: var(--radius-full);
+  overflow: hidden;
+}
+
+.contributor-fill {
+  height: 100%;
+  background: linear-gradient(90deg, var(--accent-blue), var(--accent-purple));
+  border-radius: var(--radius-full);
+  transition: width 0.3s ease-out;
+}
+
+/* File Breakdown Table */
+.file-breakdown {
+  margin-top: var(--spacing-md);
+}
+
+.file-table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: var(--font-size-sm);
+}
+
+.file-table th {
+  text-align: left;
+  font-weight: var(--font-weight-medium);
+  color: var(--text-secondary);
+  padding: var(--spacing-xs) var(--spacing-sm);
+  border-bottom: 1px solid var(--border-subtle);
+  font-size: var(--font-size-xs);
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+
+.file-table td {
+  padding: var(--spacing-xs) var(--spacing-sm);
+  border-bottom: 1px solid var(--border-subtle);
+}
+
+.file-table tr:last-child td {
+  border-bottom: none;
+}
+
+.file-table tr.high-risk-file {
+  background-color: rgba(255, 87, 87, 0.08);
+}
+
+.file-path {
+  font-family: var(--font-mono);
+  font-size: var(--font-size-xs);
+  color: var(--text-primary);
+  max-width: 200px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.file-owner {
+  color: var(--text-secondary);
+}
+
+.file-ownership {
+  font-family: var(--font-mono);
+  color: var(--text-primary);
+}
+
+.file-age {
+  font-family: var(--font-mono);
+  color: var(--text-secondary);
+}
+
+.more-files {
+  font-size: var(--font-size-xs);
+  color: var(--text-secondary);
+  font-style: italic;
+  margin-top: var(--spacing-sm);
+  text-align: center;
+}
+
+.more-files-btn {
+  display: block;
+  width: 100%;
+  padding: var(--spacing-sm) var(--spacing-md);
+  margin-top: var(--spacing-sm);
+  background: var(--bg-tertiary);
+  border: 1px solid var(--border-default);
+  border-radius: var(--radius-sm);
+  color: var(--text-secondary);
+  font-size: var(--font-size-sm);
+  cursor: pointer;
+  transition: all 0.2s ease;
+  text-align: center;
+}
+
+.more-files-btn:hover {
+  background: var(--bg-secondary);
+  color: var(--text-primary);
+  border-color: var(--border-emphasis);
+}
+
+/* Risk Badge Enhancement for Files */
+.file-table .risk-badge {
+  font-size: var(--font-size-xs);
+  padding: 2px 6px;
+}