_shame.scss 3.34 KB
Newer Older
Brian Talbot committed
1 2
// studio - shame
// ====================
3 4
// NOTE: use for any bad-form/orphaned scss that knowingly violate edX FED architecture/standards
// see - http://csswizardry.com/2013/04/shame-css/
5

6
// view - dashboard
7
.view-dashboard {
8 9 10 11 12

  // elements - authorship controls
  .wrapper-authorshiprights {
    .ui-toggle-control {
      // needed to override general a element transition properties - need to fix.
13
      transition-duration: $tmg-f2;
14 15 16
      transition-timing-function: ease-in-out;
    }

17
    .fa-times-circle {
18
      // needed to override general a element transition properties - need to fix.
19
      transition-duration: $tmg-f2;
20 21 22 23 24
      transition-timing-function: ease-in-out;
    }
  }
}

25 26
// ====================

27
// overriding outline styling for general drag and drop cases
28 29
.outline-section,
.outline-subsection {
30 31 32 33 34

  // STATE: is dragging
  &.is-dragging {
    border-color: $gray-d3;
  }
35

36 37 38 39
  // STATE: is dragging + valid drop
  &.valid-drop {
    border-color: $ui-action-primary-color-focus;
  }
40 41 42 43
}

// ====================

44 45 46
// yes we have no boldness today - need to fix the resets
body strong,
body b {
47
  @extend %t-ultrastrong;
48 49
}

50
// ====================
51

52 53
// needed display property reinforcement since manual CSS abstraction happened
#page-prompt {
54
  .wrapper-prompt::before {
55 56 57
    display: inline-block;
  }
}
58

59 60 61 62
.ui-datepicker {
  background: $white !important;
}

63 64 65 66 67
/* known things to do (paint the fence, sand the floor, wax on/off):

* centralize and move form styling into forms.scss - cms/static/sass/views/_textbooks.scss and cms/static/sass/views/_settings.scss
* move dialogue styles into cms/static/sass/elements/_modal.scss
* use the @include placeholder Bourbon mixin (http://bourbon.io/docs/#placeholder) for any placeholder styling
68

69
*/
70 71 72 73 74 75 76

.modal-content.cheatsheet-is-shown {
  overflow: visible !important;

  .CodeMirror {
    overflow: visible !important;
  }
77
}
78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95

// ====================

// Latex Compiler
.wrapper-comp-editor.latex-problem {
  margin-top: ($baseline*2.5);
}

.launch-latex-compiler {
  position: absolute;
  width: 100%;
  top: 0;
  background-color: $white;
  padding: $baseline/2 0 $baseline/2 $baseline;
  border-bottom: 1px solid $gray-l2;
}

//  hides latex compiler button if settings mode is-active
96 97
div.wrapper-comp-editor.is-inactive ~ div.launch-latex-compiler {
  display: none;
98
}
99 100 101 102 103 104 105 106 107 108

// ====================

// masthead button hidden states
.mast.has-actions .nav-actions .button.is-hidden {
  @extend .is-hidden;
}

// ====================

109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124
// JQuery UI tabs font-weight override
.ui-tabs-nav {
  .ui-state-default {
    font-weight: normal;
  }
}

// ====================

// xmodule editor tab font-weight override
.xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .editor-tabs .inner_tab_wrap a.tab {
  font-weight: normal !important;
}

// ====================

125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141
// xblock message UI override
// (to fake the Studio no-content pattern design since validation classes cannot be removed in logic layer)
.wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content {
  border: 0;
  padding: ($baseline*1.5) ($baseline*2);
  background-color: $gray-l4;
  text-align: center;
  color: $gray;

  .button,
  .action {
    @extend %btn-primary-green;
  }
}

// ====================

142 143 144 145 146 147
// TODOs:

// * font-weight syncing
// * divorce display: inline-block from base button definitions/placeholders
// * canned typography class syncing