resources/assets/stylesheets/scss/coursewizard.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64

option {
  &.faculty {
    font-weight: bold;
  }
  &.sub_institute {
    padding-left: 15px;
  }
}

div {
  &#wizard-participating, &#wizard-lecturers, &#wizard-deputies, &#wizard-tutors {
    margin-top: 5px;
    margin-left: 25px;
    div.description {
      font-style: italic;
    }
  }
  &#assigned {
    float:left;
    padding-right: 10px;
    width: calc(50% - 10px);
  }
  &#studyareas {
    border-left: 1px solid var(--base-gray);
    float: left;
    padding-left: 10px;
    width: calc(50% - 20px);

    #sem-tree-search-wrapper {
      max-width: 25em;
      border: solid thin var(--color--input-field-border);
      border-radius: var(--border-radius-search);
      margin-bottom: 1em;
      padding: 0 0 0 5px;

      > input[type="text"] {
        max-width: calc(100% - 50px);
      }

      &:focus-within {
        border: solid 2px var(--black);
      }
  
      #sem-tree-search {
        border: none;
        outline: none;
      }
  
      #sem-tree-search-start {
        display: inline-block;
        height: 30px;
        width: 30px;
        border-left: solid thin var(--color--input-field-border);
        padding-left: 4px;

        input {
          vertical-align: middle;
          padding: 5px 7px;
        }
      }
    }

  }
}