mirror of
				https://github.com/zulip/zulip.git
				synced 2025-11-04 05:53:43 +00:00 
			
		
		
		
	analytics: Adjust width and margin CSS for activity pages.
This commit is contained in:
		
				
					committed by
					
						
						Tim Abbott
					
				
			
			
				
	
			
			
			
						parent
						
							26168728ca
						
					
				
				
					commit
					81a5977a6e
				
			@@ -8,7 +8,7 @@
 | 
				
			|||||||
{% endblock %}
 | 
					{% endblock %}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
{% block content %}
 | 
					{% block content %}
 | 
				
			||||||
 | 
					<div class="activity-page">
 | 
				
			||||||
    <a class="show-all" href="/activity">Home</a>
 | 
					    <a class="show-all" href="/activity">Home</a>
 | 
				
			||||||
    <br />
 | 
					    <br />
 | 
				
			||||||
    <h4>{{ title }} {% if realm_stats_link %}{{ realm_stats_link }}{% endif %}</h4>
 | 
					    <h4>{{ title }} {% if realm_stats_link %}{{ realm_stats_link }}{% endif %}</h4>
 | 
				
			||||||
@@ -28,5 +28,5 @@
 | 
				
			|||||||
        </div>
 | 
					        </div>
 | 
				
			||||||
        {% endfor %}
 | 
					        {% endfor %}
 | 
				
			||||||
    </div>
 | 
					    </div>
 | 
				
			||||||
 | 
					</div>
 | 
				
			||||||
{% endblock %}
 | 
					{% endblock %}
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -9,14 +9,14 @@
 | 
				
			|||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
{% block content %}
 | 
					{% block content %}
 | 
				
			||||||
 | 
					<div class="activity-page">
 | 
				
			||||||
    {% if not is_home %}
 | 
					    {% if not is_home %}
 | 
				
			||||||
    <a class="show-all" href="/activity">Home</a>
 | 
					    <a class="show-all" href="/activity">Home</a>
 | 
				
			||||||
    <br />
 | 
					    <br />
 | 
				
			||||||
    {% endif %}
 | 
					    {% endif %}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    <div class="container">
 | 
					    <div>
 | 
				
			||||||
        {{ data|safe }}
 | 
					        {{ data|safe }}
 | 
				
			||||||
    </div>
 | 
					    </div>
 | 
				
			||||||
 | 
					</div>
 | 
				
			||||||
{% endblock %}
 | 
					{% endblock %}
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -5,9 +5,9 @@
 | 
				
			|||||||
{% endif %}
 | 
					{% endif %}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
{{ data.rows|length}} rows
 | 
					{{ data.rows|length}} rows
 | 
				
			||||||
<table class="table sortable table-striped table-bordered analytics_table">
 | 
					<table class="table sortable table-striped table-bordered analytics-table">
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    <thead class="activity_head">
 | 
					    <thead class="activity-head">
 | 
				
			||||||
        <tr>
 | 
					        <tr>
 | 
				
			||||||
            {% for col in data.cols %}
 | 
					            {% for col in data.cols %}
 | 
				
			||||||
            <th>{{ col }}</th>
 | 
					            <th>{{ col }}</th>
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -31,7 +31,7 @@
 | 
				
			|||||||
 | 
					
 | 
				
			||||||
<table class="table summary-table sortable table-striped table-bordered">
 | 
					<table class="table summary-table sortable table-striped table-bordered">
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    <thead class="activity_head">
 | 
					    <thead class="activity-head">
 | 
				
			||||||
        <tr>
 | 
					        <tr>
 | 
				
			||||||
            <th>Realm</th>
 | 
					            <th>Realm</th>
 | 
				
			||||||
            <th>Created (green if ≤12wk)</th>
 | 
					            <th>Created (green if ≤12wk)</th>
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -1,4 +1,8 @@
 | 
				
			|||||||
.activity_head {
 | 
					.activity-page {
 | 
				
			||||||
 | 
					    margin: 10px;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.activity-head {
 | 
				
			||||||
    background-color: hsl(208deg 100% 97%);
 | 
					    background-color: hsl(208deg 100% 97%);
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@@ -15,13 +19,13 @@
 | 
				
			|||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.summary-table,
 | 
					.summary-table,
 | 
				
			||||||
.analytics_table {
 | 
					.analytics-table {
 | 
				
			||||||
    border: 1px solid hsl(0deg 0% 87%);
 | 
					    border: 1px solid hsl(0deg 0% 87%);
 | 
				
			||||||
    border-collapse: separate;
 | 
					    border-collapse: separate;
 | 
				
			||||||
    border-left: 0;
 | 
					    border-left: 0;
 | 
				
			||||||
    border-radius: 4px;
 | 
					    border-radius: 4px;
 | 
				
			||||||
    border-spacing: 0;
 | 
					    border-spacing: 0;
 | 
				
			||||||
    width: 100%;
 | 
					    margin: 0 10px;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    & th,
 | 
					    & th,
 | 
				
			||||||
    td {
 | 
					    td {
 | 
				
			||||||
@@ -36,6 +40,7 @@
 | 
				
			|||||||
    th {
 | 
					    th {
 | 
				
			||||||
        vertical-align: bottom;
 | 
					        vertical-align: bottom;
 | 
				
			||||||
        padding: 8px;
 | 
					        padding: 8px;
 | 
				
			||||||
 | 
					        max-width: fit-content;
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    td {
 | 
					    td {
 | 
				
			||||||
@@ -69,11 +74,6 @@
 | 
				
			|||||||
    }
 | 
					    }
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.summary-table {
 | 
					 | 
				
			||||||
    width: auto;
 | 
					 | 
				
			||||||
    margin: 0 auto;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
tr.admin td:first-child {
 | 
					tr.admin td:first-child {
 | 
				
			||||||
    font-weight: bold;
 | 
					    font-weight: bold;
 | 
				
			||||||
    color: hsl(240deg 100% 50%);
 | 
					    color: hsl(240deg 100% 50%);
 | 
				
			||||||
 
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user