Changeset - c52682c57a94
[Not reviewed]
0 1 0
Scott Bragg - 7 years ago 2016-12-31 04:19:00
jsbragg@scriptforge.org
Minor CSS fix for schedule
1 file changed with 3 insertions and 3 deletions:
0 comments (0 inline, 0 general)
static/src/lca2017/css/app.css
Show inline comments
...
 
@@ -665,49 +665,48 @@ ul > li,
 
ol > li {
 
  list-style-position: outside;
 
  margin-left: 1em;
 
}
 

	
 
blockquote {
 
  margin-left: 0;
 
  padding-left: 20px;
 
  padding-left: 1.25rem;
 
  font-style: italic;
 
  border-left: 1px solid #3ab1c9;
 
}
 

	
 
table th {
 
  font-family: "Titillium Web", sans-serif;
 
  font-weight: 900;
 
  text-transform: uppercase;
 
}
 

	
 
.track-name {
 
  margin-top: 0;
 
  margin-bottom: 0;
 
  font-weight: bold;
 
  text-transform: none;
 
  font-size: 20px;
 
}
 

	
 
table th, table td {
 
  padding: 10px;
 
  padding: 0.625rem;
 
  text-align: left;
 
}
 

	
 
table th:not(:first-of-type), table td:not(:first-of-type) {
 
  border-left: 1px solid #0c486c;
 
}
 

	
 
table tr:not(:last-of-type) {
 
  border-bottom: 1px solid #0c486c;
 
}
 

	
 
table.alt th {
 
  font-family: "Titillium Web", sans-serif;
 
  font-weight: 900;
 
  text-transform: uppercase;
 
}
 

	
 
table.alt th, table.alt td {
 
  padding: 10px;
...
 
@@ -1612,105 +1611,106 @@ table.alt tr:not(:last-of-type) {
 
}
 

	
 
.vertical-bigger {
 
  margin-top: 2em;
 
}
 

	
 

	
 
/* Schedule timetable for mobile */
 

	
 
@media only screen and (max-width: 480px)  {
 

	
 
  .calendar {
 
    line-height: 1.0;
 
  }
 

	
 
  .calendar thead {
 
    display: none;
 
  }
 

	
 
  .calendar tr,
 
  .calendar td
 
  {
 
    display: block;
 
    padding: 0.5ex;
 
    font-size: small;
 
  }
 

	
 
  .calendar td,
 
  .calendar td:not(:first-of-type) {
 
    border: 0px;
 
  }
 

	
 
  .calendar .slot .title,
 
  .calendar .slot .speaker,
 
  .calendar .slot .room
 
  {
 
    display: block;
 
    line-height: 1.2;
 
  }
 

	
 
  .calendar .slot .room
 
  {
 
    font-style: italic;
 
  }
 
}
 

	
 
/* Schedule timetable needs some more specific font sizes */
 

	
 
@media not screen and (max-width: 480px)  {
 

	
 
  .calendar td {
 
    font-size: 0.9vw;
 
    font-size: small;
 
  }
 

	
 
  .slot {
 
    padding-left: 0.625rem;
 
    padding-top: 0.2rem;
 
    padding-bottom: 0.625rem;
 
    padding-right: 0.625rem;
 
    vertical-align: middle;
 
  }
 

	
 
  .calendar th {
 
    border-bottom: 1px solid #0c486c;
 
    border-left: 0px !important;
 
  }
 

	
 
  .calendar .title {
 
    display: block;
 
    padding-bottom: 0.5vh;
 
  }
 

	
 
  .slot-shortbreak {
 
    color: #fff ;
 
  }
 

	
 
  .slot-tutorial {
 
    vertical-align: top;
 
  }
 

	
 
  .time {
 
    font-size: 0.5vw;
 
    font-size: xx-small;
 
    line-height: 0.4;
 
    vertical-align: middle;
 
    padding-top: 0.25rem;
 
  }
 

	
 
  .calendar .slot .room {
 
    display: none;
 
  }
 
}
 

	
 

	
 
/* ------------------------------------------------------------------------------------------------
 

	
 
Shame
 
=====
 

	
 
1. 	If it’s a hack, it goes in shame.css.
 
2. 	Document all hacks fully:
 
  a. 	What part of the codebase does it relate to?
 
  b. 	Why was this needed?
 
  c. 	How does this fix it?
 
  d. 	How might you fix it properly, given more time?
 
3. 	Do not blame the developer; if they explained why they had to do it then their reasons are
 
probably (hopefully) valid.
0 comments (0 inline, 0 general)