Skip to content

Commit 526edba

Browse files
mattpassmattpass
committed
CSS overhaul cleanup
Combine transition properties to cover both, reduce time to 0.07s and ease-out only Remove .codeAssist input of 0 margin-top, not needed Code Assist and Go to Line text now eee, matching find/replace text Goto line slightly wide to accomodate 4 digits plus padding left of 4px, no longer centre aligned Remove old system classes, no longer there
1 parent fa98c84 commit 526edba

1 file changed

Lines changed: 4 additions & 10 deletions

File tree

‎lib/ice-coder.css‎

Lines changed: 4 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -57,8 +57,7 @@ h2 {font-size: 18px; font-weight: normal; color: #fff}
5757
}
5858

5959
.plugins {position: absolute; display: inline-block; width: 3px; height: 100%; top: 0; left: 0; background: transparent; overflow: hidden; z-index: 3;
60-
transition: width 0.15s ease-in-out;
61-
transition: background 0.15s ease-in-out;
60+
transition: all 0.07s ease-out;
6261
}
6362

6463
.header {position: absolute; display: inline-block; top: 0; left: 0; width: 100%; height: 20px; background-color: #fff; text-align: right; z-index: 1}
@@ -125,21 +124,16 @@ h2 {font-size: 18px; font-weight: normal; color: #fff}
125124
.findReplace .submit {position: relative; top: 3px; height: 16px; border: 0; background-color: #444; color: #eee; font-size: 10px; margin-left: 2px; cursor: pointer}
126125
.findReplace .submit:hover {background-color: #2187e7; color: #eee}
127126
.findReplace .results {position: relative; display: inline-block; width: 200px; height: 20px; font-size: 10px; margin: 8px 0 0 20px}
128-
.findBar .codeAssist {position: fixed; display: inline-block; width: 100px; right: 120px; top: 49px; height: 21px; font-size: 10px; color: #bbb; cursor: default; z-index: 1}
129-
.findBar .codeAssist input {margin-top: 0}
127+
.findBar .codeAssist {position: fixed; display: inline-block; width: 100px; right: 120px; top: 49px; height: 21px; font-size: 10px; color: #eee; cursor: default; z-index: 1}
130128
.findBar .codeAssist .codeAssistCheckbox {display: none}
131129
.findBar .codeAssist .codeAssistDisplay {display: inline-block; width: 16px; height: 16px; margin: -1px 4px 0 0; vertical-align: middle; background: url('../images/checkbox.gif') 0 0 no-repeat; cursor: pointer}
132-
.findBar .goLine {position: fixed; display: inline-block; width: 100px; right: 30px; top: 49px; height: 21px; font-size: 10px; color: #bbb; cursor: default; z-index: 1}
133-
.goLine .goToLine {width: 25px; height: 16px; border: 0; font-size: 10px; margin: -3px 0 0 3px; background: #666; color: #eee; text-align: center}
130+
.findBar .goLine {position: fixed; display: inline-block; width: 100px; right: 30px; top: 49px; height: 21px; font-size: 10px; color: #eee; cursor: default; z-index: 1}
131+
.goLine .goToLine {width: 30px; height: 16px; border: 0; font-size: 10px; margin: -3px 0 0 3px; padding-left: 4px; background: #666; color: #eee}
134132
.goLine .goToLine:focus {outline: none; box-shadow: 0 0 10px 1px rgba(0,198,255,1)}
135133
.findBar .view {position: fixed; display: inline-block; width: 16px; height: 16px; right: 16px; top: 49px; background: url('../images/file-manager-icons.png') 0 0 no-repeat; cursor: pointer; background-position: -132px 0; opacity: 0.3}
136134
.editor .code {position: relative; display: inline-block; top: 28px; width: 600px; height: 600px; visibility: hidden}
137135

138136
.footer {position: fixed; display: inline-block; width: 100%; height: 30px; bottom: 0; background-color: rgba(0,0,0,0.7); left: 0; z-index: 1}
139-
.footer .system {position: absolute; display: inline-block; padding: 10px 0 0 15px}
140-
.footer .system div {position: relative; display: inline-block; margin-right: 10px; width: 11px; height: 11px; cursor: pointer}
141-
.footer .system .preview {background: url('../images/file-manager-icons.png') no-repeat -116px -16px}
142-
.footer .system .terminal {background: url('../images/file-manager-icons.png') no-repeat -132px -16px}
143137
.footer .nesting {position: absolute; display: inline-block; padding: 5px; margin-top: 10px; left: 260px; border-radius: 5px; background-color: #0b0; cursor: default}
144138
.footer .nestDisplay {position: absolute; display: inline-block; padding: 5px 0 0 8px; margin-top: 0px; left: 267px; font-size: 12px; color: #fff; text-align: right}
145139
.footer .charDisplay, .footer .byteDisplay {position: absolute; display: inline-block; padding: 5px 0 0 8px; margin-top: 3px; margin-right: 10px; right: 0; font-weight: bold; font-size: 12px; color: #fff; text-align: right; text-align: right; cursor: pointer}

0 commit comments

Comments
 (0)